#30B5E9｜カラーサイト.com

#30B5E9 の色情報

#30B5E9

画像
HEX	#30B5E9
RGB	R:48 G:181 B:233
RGBの割合	R:18.8% G:71.0% B:91.4%
HSV	H:196.9 S:79.4 V:91.4
HSL	H:196.9 S:80.8 L:55.1
CMY	C:81.2 M:29.0 Y:8.6

CMYK	C:79.4 M:22.3 Y:0.0 K:8.6
YCbCr	Y:142.4 Cb:170.5 Cr:65.9
XYZ	X:32.4 Y:39.6 Z:83.0
xyY	x:0.209 y:0.255 Y:39.6

CIE Lab	L:69.2 a:-17.6 b*:-35.9
CIE LCh	L:69.2 C:40.0 h:243.9
CIE Luv	L:69.2 u:-44.6 v*:-55.2
Hunter Lab	L:62.9 a:-18.0 b:-34.2

#30B5E9 の色相別色一覧

#E93630

#E96430

#E99230

#E9C130

#E3E930

#B5E930

#87E930

#59E930

#30E936

#30E964

#30E992

#30E9C1

#30E3E9

#30B5E9

#3087E9

#3059E9

#3630E9

#6430E9

#9230E9

#C130E9

#E930E3

#E930B5

#E93087

#E93058

#30B5E9 の彩度別色一覧

#DFE6E9

#D3E3E9

#C7E0E9

#BCDCE9

#B0D9E9

#A5D6E9

#99D2E9

#8DCFE9

#82CCE9

#76C9E9

#6AC5E9

#5FC2E9

#53BFE9

#47BCE9

#3CB8E9

#30B5E9

#24B2E9

#19AEE9

#0DABE9

#01A8E9

#30B5E9 の明度別色一覧

#010304

#030D10

#06171D

#09202A

#0B2A37

#0E3443

#103E50

#13485D

#16526A

#185C76

#1B6683

#1E7090

#207A9D

#2383A9

#258DB6

#2897C3

#2BA1D0

#2DABDC

#30B5E9

#33BFF6

#30B5E9 を使ったトーンオントーン

#053047

#0764A1

#26A0C4

#30B5E9

#1D6780

#0E627D

#1A434A

#2EA3BA

#30B5E9

#19799E

#058CBD

#23535C

#30B5E9

#3972A1

#32667A

#30B5E9 を使ったトーンイントーン

#B246FF

#30B5E9

#21E13A

#D54177

#D5C341

#21DF53

#DF4457

#30B5E9

#8832D5

#BDE12A

#763EF1

#3BE64F

#F14087

#F3CB1A

#30B5E9

#30B5E9 を使ったカマイユ

#30B5E9

#23A4D2

#27CFF8

#29ADF8

#3C9ED2

#30B5E9

#1C91D0

#43D0FB

#43B4DC

#44D7FF

#2DD4FD

#2FB2EE

#1CA0D0

#30B5E9

#25BBFF

#30B5E9 を使ったフォカマイユ

#3E99C5

#30B5E9

#46DBEE

#489BCA

#4DA3F3

#0B68CA

#2991DF

#24CCF6

#30B5E9

#1EBCFF

#138AFF

#43DAFB

#45B5C8

#2D96FF

#30B5E9

#30B5E9 を使ったドミナントカラー

#1A98C9

#99D9F2

#04364A

#30B5E9

#879BA3

#507B8C

#30B5E9

#62747A

#152E38

#56B2D6

#8F9CA1

#6294A8

#2E8DB3

#30B5E9

#0E6080

#30B5E9 を使ったアイデンティティ

#5C8A9C

#09455C

#30B5E9

#5A8799

#30B5E9

#015E82

#0080B3

#30B5E9

#3C5863

#30B5E9 を使ったトライアド

#30B5E9

#E930B5

#B5E930

#30B5E9 を使ったスプリットコンプリメンタリー

#E9A230

#30B5E9

#E9303A

#30B5E9 を使ったテトラード

#30B5E9

#C130E9

#E96430

#58E930

#30B5E9 を使ったコントラスト

#30B5E9

#E96430

#30B5E9

#A5D6E9

#30B5E9

#154F66

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

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

#30B5E9

#30B5E9 の色情報

#30B5E9 の色相別色一覧

#30B5E9 の彩度別色一覧

#30B5E9 の明度別色一覧

#30B5E9 を使ったトーンオントーン

#30B5E9 を使ったトーンイントーン

#30B5E9 を使ったカマイユ

#30B5E9 を使ったフォカマイユ

#30B5E9 を使ったドミナントカラー

#30B5E9 を使ったアイデンティティ

#30B5E9 を使ったトライアド

#30B5E9 を使ったスプリットコンプリメンタリー

#30B5E9 を使ったテトラード

#30B5E9 を使ったコントラスト