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

#6670F2 の色情報

#6670F2

画像
HEX	#6670F2
RGB	R:102 G:112 B:242
RGBの割合	R:40.0% G:43.9% B:94.9%
HSV	H:235.7 S:57.9 V:94.9
HSL	H:235.7 S:84.3 L:67.5
CMY	C:60.0 M:56.1 Y:5.1

CMYK	C:57.9 M:53.7 Y:0.0 K:5.1
YCbCr	Y:122.4 Cb:186.6 Cr:114.4
XYZ	X:27.3 Y:20.8 Z:86.6
xyY	x:0.203 y:0.155 Y:20.8

CIE Lab	L:52.8 a:33.5 b*:-66.8
CIE LCh	L:52.8 C:74.7 h:296.7
CIE Luv	L:52.8 u:-10.8 v*:-106.8
Hunter Lab	L:45.6 a:26.9 b:-80.6

#6670F2 の色相別色一覧

#F27F66

#F2A266

#F2C566

#F2E866

#D9F266

#B6F266

#93F266

#70F266

#66F27F

#66F2A2

#66F2C5

#66F2E8

#66D9F2

#66B6F2

#6693F2

#6670F2

#7F66F2

#A266F2

#C566F2

#E866F2

#F266D9

#F266B6

#F26693

#F26670

#6670F2 の彩度別色一覧

#EBECF2

#DFE0F2

#D3D5F2

#C7CAF2

#BBBFF2

#AFB3F2

#A3A8F2

#969DF2

#8A92F2

#7E86F2

#727BF2

#6670F2

#5A65F2

#4E5AF2

#424EF2

#3643F2

#2A38F2

#1D2DF2

#1121F2

#0516F2

#6670F2 の明度別色一覧

#05060D

#0B0C19

#101226

#151733

#1B1D40

#20234C

#262959

#2B2F66

#303573

#363B7F

#3B418C

#404799

#464DA6

#4B52B2

#5158BF

#565ECC

#5B64D9

#616AE5

#6670F2

#6B76FF

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

#6C6DBA

#3D4878

#1D2159

#6B68AB

#6670F2

#424B6E

#2B4FC2

#514A99

#6670F2

#1B2759

#4947A1

#1F214D

#685DCF

#28246E

#6670F2

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

#6670F2

#F476F5

#68FCC3

#FF9980

#A1D960

#73FFE9

#FF5AD4

#F5C573

#81FF52

#6670F2

#BBFF66

#FFAD82

#71FAD7

#E872D9

#6670F2 を使ったカマイユ

#6670F2

#5F65FF

#585EFA

#6463DB

#696ADB

#6167DB

#7B8FFF

#8296FF

#5957FF

#6670F2

#6875E5

#5E5CFF

#757CF7

#6670F2

#5351E0

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

#8A90FF

#3E5ECE

#6670F2

#4568FF

#5152E8

#A592FF

#6670F2

#465CE8

#6172FF

#7E6CE5

#528AFF

#514BCE

#6670F2

#3F5FE8

#564BD6

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

#2B2C38

#6670F2

#8789A8

#1828F5

#9EA5F7

#28319C

#1E2033

#6670F2

#7578A1

#4D5182

#232657

#0C1ACC

#4B54C9

#171E73

#6670F2

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

#6670F2

#121975

#6369BA

#6670F2

#464973

#323DCF

#777CBF

#6670F2

#030A66

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

#6670F2

#F26670

#70F266

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

#CDF266

#6670F2

#F2B966

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

#6670F2

#F266B6

#F2E866

#66F2A2

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

#6670F2

#F2E866

#6670F2

#DFE0F2

#6670F2

#2B2F66

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

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

#6670F2

#6670F2 の色情報

#6670F2 の色相別色一覧

#6670F2 の彩度別色一覧

#6670F2 の明度別色一覧

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

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

#6670F2 を使ったカマイユ

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

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

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

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

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

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

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