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

#6787F2 の色情報

#6787F2

画像
HEX	#6787F2
RGB	R:103 G:135 B:242
RGBの割合	R:40.4% G:52.9% B:94.9%
HSV	H:226.2 S:57.4 V:94.9
HSL	H:226.2 S:84.2 L:67.6
CMY	C:59.6 M:47.1 Y:5.1

CMYK	C:57.4 M:44.2 Y:0.0 K:5.1
YCbCr	Y:134.2 Cb:179.7 Cr:106.4
XYZ	X:30.3 Y:26.6 Z:87.5
xyY	x:0.210 y:0.184 Y:26.6

CIE Lab	L:58.6 a:19.9 b*:-57.3
CIE LCh	L:58.6 C:60.7 h:289.1
CIE Luv	L:58.6 u:-17.5 v*:-93.1
Hunter Lab	L:51.6 a:14.5 b:-64.5

#6787F2 の色相別色一覧

#F26A67

#F28D67

#F2AF67

#F2D267

#EFF267

#CDF267

#AAF267

#87F267

#67F26A

#67F28D

#67F2AF

#67F2D2

#67EFF2

#67CDF2

#67AAF2

#6787F2

#6A67F2

#8D67F2

#AF67F2

#D267F2

#F267EF

#F267CD

#F267AA

#F26787

#6787F2 の彩度別色一覧

#ECEDF2

#E0E4F2

#D4DBF2

#C8D2F2

#BCC8F2

#B0BFF2

#A4B6F2

#97ACF2

#8BA3F2

#7F9AF2

#7390F2

#6787F2

#5B7EF2

#4F74F2

#436BF2

#3762F2

#2B58F2

#1E4FF2

#1246F2

#063CF2

#6787F2 の明度別色一覧

#05070D

#0B0E19

#101526

#161C33

#1B2340

#202B4C

#263259

#2B3966

#314073

#36477F

#3C4E8C

#415599

#465CA6

#4C63B2

#516BBF

#5772CC

#5C79D9

#6280E5

#6787F2

#6C8EFF

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

#354A78

#1D2052

#5178BF

#516691

#6787F2

#1B2A6B

#222F5E

#4650BF

#6368A8

#222A4A

#4B56A8

#5874C2

#4B5980

#6787F2

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

#FF6D65

#6787F2

#B4F555

#E576E5

#7CFFDC

#A1E554

#EF7EEF

#F7927A

#6787F2

#5EF5BE

#6787F2

#DE504A

#ACD95A

#D065E8

#55E391

#6787F2 を使ったカマイユ

#5E75ED

#608FFF

#6787F2

#5B74E5

#5172FA

#6F87FF

#6293FF

#6787F2

#839EFF

#7490DE

#516DDE

#8396FF

#6787F2

#788FE8

#6D86EA

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

#819EED

#6F71EA

#4583DB

#4E71DB

#6787F2

#5D95FF

#79B7FF

#3C43CC

#7192CC

#6787F2

#818AFA

#5A6DDE

#79B1FF

#6787F2

#6B9FE0

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

#C7D0ED

#6787F2

#B0C0F5

#3260FA

#8D93A6

#7C8FCF

#113099

#0731BA

#6787F2

#212D52

#9DA7C7

#7B85A8

#6787F2

#2645AD

#324DAB

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

#6787F2

#F26787

#87F267

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

#E4F267

#6787F2

#F2A467

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

#6787F2

#F267CD

#F2D267

#67F28D

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

#6787F2

#F2D267

#6787F2

#E0E4F2

#6787F2

#2B3966

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

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

#6787F2

#6787F2 の色情報

#6787F2 の色相別色一覧

#6787F2 の彩度別色一覧

#6787F2 の明度別色一覧

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

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

#6787F2 を使ったカマイユ

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

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

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

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

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

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