#4585E2｜カラーサイト.com

#4585E2 の色情報

#4585E2

画像
HEX	#4585E2
RGB	R:69 G:133 B:226
RGBの割合	R:27.1% G:52.2% B:88.6%
HSV	H:215.5 S:69.5 V:88.6
HSL	H:215.5 S:73.0 L:57.8
CMY	C:72.9 M:47.8 Y:11.4

CMYK	C:69.5 M:41.2 Y:0.0 K:11.4
YCbCr	Y:122.9 Cb:178.3 Cr:93.3
XYZ	X:24.6 Y:23.5 Z:75.2
xyY	x:0.199 y:0.191 Y:23.5

CIE Lab	L:55.6 a:9.8 b*:-53.3
CIE LCh	L:55.6 C:54.2 h:280.4
CIE Luv	L:55.6 u:-25.3 v*:-84.7
Hunter Lab	L:48.5 a:5.5 b:-58.0

#4585E2 の色相別色一覧

#E25445

#E27B45

#E2A245

#E2C945

#D4E245

#ACE245

#85E245

#5EE245

#45E254

#45E27B

#45E2A2

#45E2C9

#45D4E2

#45ACE2

#4585E2

#455EE2

#5445E2

#7B45E2

#A245E2

#C945E2

#E245D4

#E245AC

#E24585

#E2455E

#4585E2 の彩度別色一覧

#D8DCE2

#CDD5E2

#C1CFE2

#B6C8E2

#ABC1E2

#9FBBE2

#94B4E2

#89ADE2

#7EA6E2

#72A0E2

#6799E2

#5C92E2

#508CE2

#4585E2

#3A7EE2

#2E78E2

#2371E2

#186AE2

#0D64E2

#015DE2

#4585E2 の明度別色一覧

#030509

#070D16

#0B1423

#0F1C30

#12233C

#162B49

#1A3256

#1E3A63

#22416F

#26497C

#2A5089

#2E5896

#325FA2

#3567AF

#396EBC

#3D76C9

#417DD5

#4585E2

#498DEF

#4D94FC

#4585E2 を使ったトーンオントーン

#619AC4

#1B2A59

#2B6396

#4585E2

#1A3670

#092847

#4585E2

#275291

#357DC7

#153A69

#3A4B73

#4585E2

#2665C2

#1C4891

#0E3157

#4585E2 を使ったトーンイントーン

#4585E2

#3EDF9B

#F94F3B

#C148E5

#BDF15F

#3FE551

#4585E2

#ECE233

#C044EF

#DD5362

#DA4546

#2ED554

#DFEF5C

#4585E2

#C14FEC

#4585E2 を使ったカマイユ

#3E79F4

#3B7DFC

#4585E2

#357FD8

#5389D3

#2F63D0

#357DF6

#4585E2

#4F8AF4

#3B6BC9

#338EF9

#4585E2

#489AF4

#5AA3EF

#3F75C9

#4585E2 を使ったフォカマイユ

#3970CE

#3C64FF

#4585E2

#5367BE

#396CFF

#4585E2

#2C7DCB

#447EBE

#67C0F1

#398DFF

#4481EF

#3797C9

#3378D0

#66C6FC

#4585E2

#4585E2 を使ったドミナントカラー

#BACDE8

#144285

#0856C7

#192E4D

#4585E2

#CFE2FF

#4886E0

#7B9BC9

#132F59

#2078F7

#478BED

#345585

#8CADDB

#4585E2

#4585E2 を使ったトライアド

#4585E2

#E24585

#85E245

#4585E2 を使ったスプリットコンプリメンタリー

#E2D645

#4585E2

#E26E45

#4585E2 を使ったテトラード

#4585E2

#E245D4

#E2A245

#45E254

#4585E2 を使ったコントラスト

#4585E2

#E2A245

#4585E2

#B6C8E2

#4585E2

#1F3C66

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

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

#4585E2

#4585E2 の色情報

#4585E2 の色相別色一覧

#4585E2 の彩度別色一覧

#4585E2 の明度別色一覧

#4585E2 を使ったトーンオントーン

#4585E2 を使ったトーンイントーン

#4585E2 を使ったカマイユ

#4585E2 を使ったフォカマイユ

#4585E2 を使ったドミナントカラー

#4585E2 を使ったトライアド

#4585E2 を使ったスプリットコンプリメンタリー

#4585E2 を使ったテトラード

#4585E2 を使ったコントラスト