#12A2F9｜カラーサイト.com

#12A2F9 の色情報

#12A2F9

画像
HEX	#12A2F9
RGB	R:18 G:162 B:249
RGBの割合	R:7.1% G:63.5% B:97.6%
HSV	H:202.6 S:92.8 V:97.6
HSL	H:202.6 S:95.1 L:52.4
CMY	C:92.9 M:36.5 Y:2.4

CMYK	C:92.8 M:34.9 Y:0.0 K:2.4
YCbCr	Y:126.7 Cb:187.5 Cr:58.6
XYZ	X:30.3 Y:32.8 Z:94.4
xyY	x:0.192 y:0.208 Y:32.8

CIE Lab	L:64.0 a:-3.4 b*:-52.7
CIE LCh	L:64.0 C:52.9 h:266.3
CIE Luv	L:64.0 u:-39.6 v*:-84.6
Hunter Lab	L:57.3 a:-5.9 b:-57.6

#12A2F9 の色相別色一覧

#F92F12

#F96912

#F9A312

#F9DD12

#DCF912

#A2F912

#68F912

#2FF912

#12F92F

#12F969

#12F9A3

#12F9DD

#12DCF9

#12A2F9

#1268F9

#122FF9

#2F12F9

#6912F9

#A312F9

#DD12F9

#F912DC

#F912A2

#F91268

#F9122F

#12A2F9 の彩度別色一覧

#F2F6F9

#E6F2F9

#D9EDF9

#CDE8F9

#C0E4F9

#B4DFF9

#A7DAF9

#9BD6F9

#8FD1F9

#82CCF9

#76C8F9

#69C3F9

#5DBEF9

#50B9F9

#44B5F9

#37B0F9

#2BABF9

#1EA7F9

#12A2F9

#069DF9

#12A2F9 の明度別色一覧

#000407

#010D14

#021520

#031D2D

#04263A

#052E47

#063653

#073E60

#08476D

#094F7A

#0A5786

#0B6093

#0C68A0

#0C70AD

#0D79B9

#0E81C6

#0F89D3

#1091E0

#119AEC

#12A2F9

#12A2F9 を使ったトーンオントーン

#003D6B

#12A2F9

#0D325C

#0F64A3

#0082D6

#297E96

#007ABA

#12A2F9

#184E82

#003847

#0C5291

#1C7EC7

#12A2F9

#104C75

#063359

#12A2F9 を使ったトーンイントーン

#ADE707

#E02432

#1AFF96

#12A2F9

#8901F4

#E01B65

#12A2F9

#2EF417

#9815FF

#EFB527

#EC0F5A

#E09B00

#9003FF

#02FF01

#12A2F9

#12A2F9 を使ったカマイユ

#078AE5

#008EEA

#068CFF

#05A6F4

#12A2F9

#1FBDFF

#12A2F9

#2299FF

#228CE0

#199BE0

#26A1E7

#089AFF

#1DA5EC

#12A2F9

#1AB0FF

#12A2F9 を使ったフォカマイユ

#0086EA

#2C7EFF

#12A2F9

#0085E7

#005FFF

#12A2F9

#1F6EDA

#08ADEC

#1A90D3

#29E0FF

#2283FF

#12A2F9

#0B9BFF

#077BE5

#1DC0D8

#12A2F9 を使ったドミナントカラー

#022A42

#628396

#12A2F9

#84A4B8

#0E405E

#758F9E

#667E8C

#298AC4

#12A2F9

#23709E

#53758A

#B6CFDE

#12A2F9

#003E63

#045180

#12A2F9 を使ったアイデンティティ

#12A2F9

#7AA5BF

#274D63

#12A2F9

#336887

#74A6C4

#6DA5C7

#12A2F9

#245878

#12A2F9 を使ったトライアド

#12A2F9

#F912A2

#A2F912

#12A2F9 を使ったスプリットコンプリメンタリー

#F9B612

#12A2F9

#F91C12

#12A2F9 を使ったテトラード

#12A2F9

#DD12F9

#F96912

#2FF912

#12A2F9 を使ったコントラスト

#12A2F9

#F96912

#12A2F9

#8FD1F9

#12A2F9

#074266

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

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

#12A2F9

#12A2F9 の色情報

#12A2F9 の色相別色一覧

#12A2F9 の彩度別色一覧

#12A2F9 の明度別色一覧

#12A2F9 を使ったトーンオントーン

#12A2F9 を使ったトーンイントーン

#12A2F9 を使ったカマイユ

#12A2F9 を使ったフォカマイユ

#12A2F9 を使ったドミナントカラー

#12A2F9 を使ったアイデンティティ

#12A2F9 を使ったトライアド

#12A2F9 を使ったスプリットコンプリメンタリー

#12A2F9 を使ったテトラード

#12A2F9 を使ったコントラスト