#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 を使ったトーンオントーン

#385E7D

#23354D

#4285E2

#4B88B3

#395C99

#273757

#384F8F

#4A80C7

#235278

#4285E2

#1B4F9C

#182A45

#2F4A6B

#527FC7

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

#C3CE4A

#F43942

#CA5FF1

#4285E2

#2ADD42

#D05256

#9839D3

#DDDF55

#40D358

#4285E2

#D135DD

#55DF8F

#E4F150

#DD5D57

#4285E2 を使ったカマイユ

#3E7DDA

#5C90EA

#4285E2

#5D9EEC

#4E86E5

#4285E2

#396DD3

#418FE7

#5390F9

#4F95EF

#508EF9

#61A7F6

#347BF4

#348CEA

#4285E2

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

#39A5DA

#6496EC

#57A6FF

#528FFF

#4285E2

#6CBBFF

#4285E2

#45ACFF

#3E72FF

#65A7FC

#4285E2

#406DF4

#3092C6

#698CF4

#53BFF4

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

#528DDE

#4A4F57

#0F223D

#4285E2

#0E305E

#0A5ED1

#4285E2

#1D2D42

#001533

#43464A

#2F5180

#05244F

#58606B

#153561

#4285E2

#4285E2 を使ったアイデンティティ

#37537A

#7992B5

#4285E2

#042A5E

#4D6B94

#4285E2

#024199

#5B6D85

#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 を使ったテトラード

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