色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#1237f6
データ
赤
18
緑
55
青
246
色相
230°
白
7%
黒
4%
彩度
93%
明度
52%
輝度
26%
色調 = 鮮やか
色相 = 230°
3桁
#24f
#24e
#24d
#23f
#23e
#23d
#22f
#22e
#22d
#14f
#14e
#14d
#13f
#13e
#13d
#12f
#12e
#12d
#04f
#04e
#04d
#03f
#03e
#03d
#02f
#02e
#02d
名前付き
blue
mediumblue
royalblue
dodgerblue
slateblue
steelblue
mediumslateblue
darkslateblue
darkblue
blueviolet
cornflowerblue
rebeccapurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 5
-210 : 20
-195 : 35
-180 : 50
-165 : 65
-150 : 80
-135 : 95
-120 : 110
-105 : 125
-90 : 140
-75 : 155
-60 : 170
-45 : 185
-30 : 200
-15 : 215
-10 : 220
-5 : 225
-2 : 228
±0 : 230
+2 : 232
+5 : 235
+10 : 240
+15 : 245
+30 : 260
+45 : 275
+60 : 290
+75 : 305
+90 : 320
+105 : 335
+120 : 350
彩度
+7 : 100
+3 : 96
+2 : 95
±0 : 93
-1 : 92
-2 : 91
-3 : 90
-5 : 88
-9 : 84
-13 : 80
-17 : 76
-21 : 72
-25 : 68
-29 : 64
-33 : 60
-37 : 56
-41 : 52
-43 : 50
-45 : 48
-49 : 44
-53 : 40
-57 : 36
-61 : 32
-65 : 28
-69 : 24
-73 : 20
-77 : 16
-81 : 12
-85 : 8
-89 : 4
-93 : 0
明度
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
白
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
黒
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
赤
+237 : 255
+220 : 238
+203 : 221
+186 : 204
+169 : 187
+152 : 170
+135 : 153
+118 : 136
+101 : 119
+84 : 102
+67 : 85
+50 : 68
+33 : 51
+16 : 34
+8 : 26
+4 : 22
+2 : 20
+1 : 19
±0 : 18
-1 : 17
-2 : 16
-4 : 14
-8 : 10
-18 : 0
緑
+200 : 255
+183 : 238
+166 : 221
+149 : 204
+132 : 187
+115 : 170
+98 : 153
+81 : 136
+64 : 119
+47 : 102
+30 : 85
+13 : 68
+8 : 63
+4 : 59
+2 : 57
+1 : 56
±0 : 55
-1 : 54
-2 : 53
-4 : 51
-8 : 47
-21 : 34
-38 : 17
-55 : 0
青
+9 : 255
+8 : 254
+4 : 250
+2 : 248
+1 : 247
±0 : 246
-1 : 245
-2 : 244
-4 : 242
-8 : 238
-25 : 221
-42 : 204
-59 : 187
-76 : 170
-93 : 153
-110 : 136
-127 : 119
-144 : 102
-161 : 85
-178 : 68
-195 : 51
-212 : 34
-229 : 17
-246 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000