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

#6670E2 の色情報

#6670E2

画像
HEX	#6670E2
RGB	R:102 G:112 B:226
RGBの割合	R:40.0% G:43.9% B:88.6%
HSV	H:235.2 S:54.9 V:88.6
HSL	H:235.2 S:68.1 L:64.3
CMY	C:60.0 M:56.1 Y:11.4

CMYK	C:54.9 M:50.4 Y:0.0 K:11.4
YCbCr	Y:120.8 Cb:179.5 Cr:115.5
XYZ	X:25.0 Y:19.9 Z:74.5
xyY	x:0.209 y:0.167 Y:19.9

CIE Lab	L:51.7 a:28.4 b*:-59.5
CIE LCh	L:51.7 C:65.9 h:295.6
CIE Luv	L:51.7 u:-10.2 v*:-94.7
Hunter Lab	L:44.6 a:21.9 b:-67.8

#6670E2 の色相別色一覧

#E27B66

#E29A66

#E2B966

#E2D866

#CDE266

#AEE266

#8FE266

#70E266

#66E27B

#66E29A

#66E2B9

#66E2D8

#66CDE2

#66AEE2

#668FE2

#6670E2

#7B66E2

#9A66E2

#B966E2

#D866E2

#E266CD

#E266AE

#E2668F

#E26670

#6670E2 の彩度別色一覧

#D7D8E2

#CCCDE2

#C0C3E2

#B5B9E2

#AAAEE2

#9FA4E2

#939AE2

#888FE2

#7D85E2

#717AE2

#6670E2

#5B66E2

#4F5BE2

#4451E2

#3946E2

#2E3CE2

#2232E2

#1727E2

#0C1DE2

#0013E2

#6670E2 の明度別色一覧

#040509

#0A0B16

#101123

#151830

#1B1E3C

#212449

#272A56

#2C3163

#32376F

#383D7C

#3E4489

#434A96

#4950A2

#4F57AF

#555DBC

#5A63C9

#606AD5

#6670E2

#6C76EF

#727DFC

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

#6670E2

#1E284A

#544EC7

#1F2273

#2E2AA1

#6670E2

#3D5AC4

#373B57

#5F699E

#374673

#29356B

#141B4F

#28328F

#726DB3

#6670E2

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

#6670E2

#C85ACB

#EA8173

#65D3AF

#AFE573

#EA5BCA

#F6BE88

#9AFC6A

#6670E2

#73D3D5

#B0E557

#6670E2

#76D59F

#D55B4F

#D573D0

#6670E2 を使ったカマイユ

#4E5CC9

#6670E2

#7081DA

#7675EF

#505FD3

#6670E2

#5C71DF

#4F4ECE

#7575E5

#6074E5

#5658DD

#5167D5

#4B58D5

#5D70EF

#6670E2

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

#6681BC

#7BA0FF

#6D67DA

#6670E2

#6D7CD5

#6670E2

#514EC3

#7977FC

#6A6ECB

#607BBC

#6670E2

#4D58FF

#6864D0

#537EEC

#5E58BC

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

#54556B

#0718E0

#656AA8

#7078D4

#6670E2

#40479C

#878CCC

#282B4F

#3A408C

#6670E2

#2C3057

#2B2E4D

#061080

#1420A6

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

#1E2361

#6670E2

#2330C2

#3041FF

#535678

#6670E2

#3742BD

#6670E2

#131B75

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

#6670E2

#E26670

#70E266

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

#C3E266

#6670E2

#E2AF66

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

#6670E2

#E266AE

#E2D866

#66E29A

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

#6670E2

#E2D866

#6670E2

#D7D8E2

#6670E2

#2E3366

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

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

#6670E2

#6670E2 の色情報

#6670E2 の色相別色一覧

#6670E2 の彩度別色一覧

#6670E2 の明度別色一覧

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

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

#6670E2 を使ったカマイユ

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

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

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

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

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

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

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