#4285E2｜カラーサイト.com

#4285E2 の色情報

#4285E2

画像
HEX	#4285E2
RGB	R:66 G:133 B:226
RGBの割合	R:25.9% G:52.2% B:88.6%
HSV	H:214.9 S:70.8 V:88.6
HSL	H:214.9 S:73.4 L:57.3
CMY	C:74.1 M:47.8 Y:11.4

CMYK	C:70.8 M:41.2 Y:0.0 K:11.4
YCbCr	Y:122.1 Cb:178.7 Cr:92.0
XYZ	X:24.4 Y:23.4 Z:75.2
xyY	x:0.198 y:0.190 Y:23.4

CIE Lab	L:55.5 a:9.4 b*:-53.5
CIE LCh	L:55.5 C:54.3 h:280.0
CIE Luv	L:55.5 u:-25.9 v*:-84.9
Hunter Lab	L:48.4 a:5.1 b:-58.2

#4285E2 の色相別色一覧

#E24F42

#E27742

#E29F42

#E2C742

#D5E242

#ADE242

#85E242

#5DE242

#42E24F

#42E277

#42E29F

#42E2C7

#42D5E2

#42ADE2

#4285E2

#425DE2

#4F42E2

#7742E2

#9F42E2

#C742E2

#E242D5

#E242AD

#E24285

#E2425D

#4285E2 の彩度別色一覧

#E0E1E2

#D5DAE2

#CAD4E2

#BECDE2

#B3C7E2

#A8C0E2

#9CBAE2

#91B3E2

#86ACE2

#7BA6E2

#6F9FE2

#6499E2

#5992E2

#4D8CE2

#4285E2

#377EE2

#2B78E2

#2071E2

#156BE2

#0A64E2

#4285E2 の明度別色一覧

#030509

#060D16

#0A1423

#0E1C30

#12233C

#152B49

#193256

#1D3A63

#20416F

#24497C

#285089

#2C5896

#2F5FA2

#3367AF

#376EBC

#3B76C9

#3E7DD5

#4285E2

#468DEF

#4994FC

#4285E2 を使ったトーンオントーン

#1C446B

#18458C

#4285E2

#22304A

#4E8BBD

#4285E2

#2966A3

#172D59

#153C7D

#3567B0

#3A5180

#123752

#435991

#5C8BBA

#4285E2

#4285E2 を使ったトーンイントーン

#EC4E57

#ECF955

#3BD85F

#E54FF6

#4285E2

#D12ADA

#E77356

#4285E2

#3CE5BA

#A4F138

#A7DF46

#FC4235

#41F994

#4285E2

#B94BD5

#4285E2 を使ったカマイユ

#367BF1

#487DD8

#4C7DCB

#4285E2

#3676F4

#4285E2

#3F8BFC

#2D6FDF

#3574D3

#2F79C9

#3079E5

#477ED5

#467CDF

#4285E2

#3C77DD

#4285E2 を使ったフォカマイユ

#2CA0FF

#2B51C1

#2C8BFF

#67A1FF

#4285E2

#2A84F1

#4285E2

#4277C6

#2E89FF

#2346F4

#4285E2

#4687BC

#519AEC

#4D89EF

#569DC6

#4285E2 を使ったドミナントカラー

#4285E2

#13233B

#1C4987

#1855AB

#0B63DE

#46484A

#295591

#6E7F96

#8A8F96

#4285E2

#2E3742

#C3CCD9

#598CD4

#0E1D33

#4285E2 を使ったトライアド

#4285E2

#E24285

#85E242

#4285E2 を使ったスプリットコンプリメンタリー

#E2D442

#4285E2

#E26A42

#4285E2 を使ったテトラード

#4285E2

#E242D5

#E29F42

#42E24F

#4285E2 を使ったコントラスト

#4285E2

#E29F42

#4285E2

#B3C7E2

#4285E2

#1E3C66

#4285E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#4285E2の色相や彩度を変えたときの配色なども一覧で表示します。

#4285E2

#4285E2 の色情報

#4285E2 の色相別色一覧

#4285E2 の彩度別色一覧

#4285E2 の明度別色一覧

#4285E2 を使ったトーンオントーン

#4285E2 を使ったトーンイントーン

#4285E2 を使ったカマイユ

#4285E2 を使ったフォカマイユ

#4285E2 を使ったドミナントカラー

#4285E2 を使ったトライアド

#4285E2 を使ったスプリットコンプリメンタリー

#4285E2 を使ったテトラード

#4285E2 を使ったコントラスト