#663AD2｜カラーサイト.com

#663AD2 の色情報

#663AD2

画像
HEX	#663AD2
RGB	R:102 G:58 B:210
RGBの割合	R:40.0% G:22.7% B:82.4%
HSV	H:257.4 S:72.4 V:82.4
HSL	H:257.4 S:62.8 L:52.5
CMY	C:60.0 M:77.3 Y:17.6

CMYK	C:51.4 M:72.4 Y:0.0 K:17.6
YCbCr	Y:92.0 Cb:188.2 Cr:136.5
XYZ	X:18.6 Y:10.5 Z:62.0
xyY	x:0.204 y:0.115 Y:10.5

CIE Lab	L:38.7 a:54.5 b*:-71.4
CIE LCh	L:38.7 C:89.8 h:307.3
CIE Luv	L:38.7 u:3.9 v*:-104.4
Hunter Lab	L:32.4 a:45.9 b:-90.8

#663AD2 の色相別色一覧

#D2403A

#D2663A

#D28C3A

#D2B23A

#CCD23A

#A6D23A

#80D23A

#5AD23A

#3AD240

#3AD266

#3AD28C

#3AD2B2

#3ACCD2

#3AA6D2

#3A80D2

#3A5AD2

#403AD2

#663AD2

#8C3AD2

#B23AD2

#D23ACC

#D23AA6

#D23A80

#D23A5A

#663AD2 の彩度別色一覧

#CECDD2

#C7C3D2

#C0B8D2

#B8AED2

#B1A3D2

#A999D2

#A28ED2

#9A84D2

#9379D2

#8B6FD2

#8464D2

#7C5AD2

#754FD2

#6D45D2

#663AD2

#5F30D2

#5725D2

#501BD2

#4810D2

#4106D2

#663AD2 の明度別色一覧

#030206

#090513

#0F0920

#150C2C

#1C1039

#221346

#281753

#2E1A5F

#341E6C

#3B2179

#412586

#472892

#4D2C9F

#532FAC

#5A33B9

#6036C5

#663AD2

#6C3EDF

#7241EC

#7945F8

#663AD2 を使ったトーンオントーン

#3A188F

#663AD2

#5A14ED

#341278

#21134F

#2F247D

#682AB8

#663AD2

#512999

#261045

#663AD2

#2B2552

#584191

#7B21F5

#3B2475

#663AD2 を使ったトーンイントーン

#663AD2

#E95896

#D5C634

#37E147

#46C9E4

#C82F94

#B97940

#5BE42A

#25CFB7

#663AD2

#4AC33E

#663AD2

#4BCDC9

#DCC24A

#D7378E

#663AD2 を使ったカマイユ

#7246C0

#663AD2

#7952EC

#6431EC

#8859EC

#6B3EBE

#8243EC

#4D2AD5

#7C49E6

#663AD2

#6340DF

#5633DA

#5229C8

#6133C8

#663AD2 を使ったフォカマイユ

#9751DC

#5B47EE

#8629F6

#3F1FC8

#663AD2

#792EC3

#694AEC

#5B4AE4

#663AD2

#4821C5

#2E1FE6

#6936F1

#663AD2

#6027F8

#8559E1

#663AD2 を使ったドミナントカラー

#663AD2

#392766

#A193C2

#270A6E

#C2BECC

#663AD2

#9282B8

#4016A8

#8976B8

#313033

#2B2340

#2B1C4F

#5A2CC9

#663AD2

#6A2EFF

#663AD2 を使ったアイデンティティ

#3C1991

#663AD2

#BEA3FF

#663AD2

#2E1273

#B8A0F2

#663AD2

#756799

#523B8A

#663AD2 を使ったトライアド

#663AD2

#D2663A

#3AD266

#663AD2 を使ったスプリットコンプリメンタリー

#73D23A

#663AD2

#D2CB3A

#663AD2 を使ったテトラード

#663AD2

#D23A5A

#A6D23A

#3AD2B2

#663AD2 を使ったコントラスト

#663AD2

#A6D23A

#663AD2

#B1A3D2

#663AD2

#321C66

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

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

#663AD2

#663AD2 の色情報

#663AD2 の色相別色一覧

#663AD2 の彩度別色一覧

#663AD2 の明度別色一覧

#663AD2 を使ったトーンオントーン

#663AD2 を使ったトーンイントーン

#663AD2 を使ったカマイユ

#663AD2 を使ったフォカマイユ

#663AD2 を使ったドミナントカラー

#663AD2 を使ったアイデンティティ

#663AD2 を使ったトライアド

#663AD2 を使ったスプリットコンプリメンタリー

#663AD2 を使ったテトラード

#663AD2 を使ったコントラスト