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

#663AF0 の色情報

#663AF0

画像
HEX	#663AF0
RGB	R:102 G:58 B:240
RGBの割合	R:40.0% G:22.7% B:94.1%
HSV	H:254.5 S:75.8 V:94.1
HSL	H:254.5 S:85.8 L:58.4
CMY	C:60.0 M:77.3 Y:5.9

CMYK	C:57.5 M:75.8 Y:0.0 K:5.9
YCbCr	Y:95.0 Cb:201.4 Cr:134.4
XYZ	X:22.7 Y:12.1 Z:83.6
xyY	x:0.192 y:0.103 Y:12.1

CIE Lab	L:41.4 a:62.7 b*:-84.1
CIE LCh	L:41.4 C:104.9 h:306.7
CIE Luv	L:41.4 u:0.8 v*:-123.1
Hunter Lab	L:34.8 a:55.4 b:-117.8

#663AF0 の色相別色一覧

#F0663A

#F0943A

#F0C13A

#F0EF3A

#C4F03A

#97F03A

#69F03A

#3CF03A

#3AF066

#3AF094

#3AF0C1

#3AF0EF

#3AC4F0

#3A97F0

#3A69F0

#3A3CF0

#663AF0

#943AF0

#C13AF0

#EF3AF0

#F03AC4

#F03A97

#F03A69

#F03A3B

#663AF0 の彩度別色一覧

#EEEEF0

#E5E2F0

#DCD6F0

#D3CAF0

#CABEF0

#C1B2F0

#B8A6F0

#AF9AF0

#A68EF0

#9D82F0

#9376F0

#8A6AF0

#815EF0

#7852F0

#6F46F0

#663AF0

#5D2EF0

#5422F0

#4B16F0

#420AF0

#663AF0 の明度別色一覧

#04030B

#0A0617

#0F0924

#150C31

#1A0F3E

#20124A

#251557

#2A1864

#301B71

#351E7D

#3B218A

#402497

#4528A4

#4B2BB0

#502EBD

#5631CA

#5B34D7

#6137E3

#663AF0

#6B3DFD

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

#21124D

#350C99

#4F357D

#4E3CBF

#663AF0

#553D9C

#23144F

#3D2B6B

#493CC2

#140994

#663AF0

#3F1C73

#220352

#764AD1

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

#663AF0

#E39027

#FA44C5

#31F0FF

#58F545

#663AF0

#5BF32E

#2BF2FA

#E6913E

#EB349A

#D93D94

#57E645

#663AF0

#F5C33E

#40FFFA

#663AF0 を使ったカマイユ

#5F40E3

#7048E6

#6E3BFF

#663AF0

#5725D9

#7055FA

#6634EB

#663AF0

#6A36FF

#4B2BF8

#7743F5

#6945FF

#6C3DE8

#663AF0

#5629FF

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

#9439FF

#8B4FFF

#8048FF

#7F5CF8

#663AF0

#4D28FA

#752ACF

#302EFF

#5D3BD1

#663AF0

#641FFF

#9B62FA

#5139FF

#663AF0

#7A26DE

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

#5329D6

#3C0DD1

#150645

#663AF0

#361E82

#7549FC

#623BDB

#663AF0

#1C0D4D

#9C8FC2

#12043D

#615C73

#663AF0

#2B2345

#9D98AB

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

#2C02B0

#3B2F5E

#663AF0

#8274AD

#463382

#5E5380

#553E9E

#663AF0

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

#663AF0

#F0663A

#3AF066

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

#87F03A

#663AF0

#F0DF3A

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

#663AF0

#F03A69

#C4F03A

#3AF0C1

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

#663AF0

#C4F03A

#663AF0

#C1B2F0

#663AF0

#2B1966

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

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

#663AF0

#663AF0 の色情報

#663AF0 の色相別色一覧

#663AF0 の彩度別色一覧

#663AF0 の明度別色一覧

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

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

#663AF0 を使ったカマイユ

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

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

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

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

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

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

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