色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2411e0
データ
赤
36
緑
17
青
224
色相
246°
白
7%
黒
12%
彩度
86%
明度
47%
輝度
18%
色調 = 強い
色相 = 246°
3桁
#32e
#32d
#32c
#31e
#31d
#31c
#30e
#30d
#30c
#22e
#22d
#22c
#21e
#21d
#21c
#20e
#20d
#20c
#12e
#12d
#12c
#11e
#11d
#11c
#10e
#10d
#10c
名前付き
mediumblue
blue
royalblue
darkblue
darkslateblue
rebeccapurple
slateblue
indigo
navy
blueviolet
midnightblue
darkviolet
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-240 : 6
-225 : 21
-210 : 36
-195 : 51
-180 : 66
-165 : 81
-150 : 96
-135 : 111
-120 : 126
-105 : 141
-90 : 156
-75 : 171
-60 : 186
-45 : 201
-30 : 216
-15 : 231
-10 : 236
-5 : 241
-2 : 244
±0 : 246
+2 : 248
+5 : 251
+10 : 256
+15 : 261
+30 : 276
+45 : 291
+60 : 306
+75 : 321
+90 : 336
+105 : 351
彩度
+14 : 100
+10 : 96
+6 : 92
+3 : 89
+2 : 88
±0 : 86
-2 : 84
-3 : 83
-6 : 80
-10 : 76
-14 : 72
-18 : 68
-22 : 64
-26 : 60
-30 : 56
-34 : 52
-36 : 50
-38 : 48
-42 : 44
-46 : 40
-50 : 36
-54 : 32
-58 : 28
-62 : 24
-66 : 20
-70 : 16
-74 : 12
-78 : 8
-82 : 4
-86 : 0
明度
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 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
黒
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
赤
+219 : 255
+202 : 238
+185 : 221
+168 : 204
+151 : 187
+134 : 170
+117 : 153
+100 : 136
+83 : 119
+66 : 102
+49 : 85
+32 : 68
+15 : 51
+8 : 44
+4 : 40
+2 : 38
+1 : 37
±0 : 36
-1 : 35
-2 : 34
-4 : 32
-8 : 28
-19 : 17
-36 : 0
緑
+238 : 255
+221 : 238
+204 : 221
+187 : 204
+170 : 187
+153 : 170
+136 : 153
+119 : 136
+102 : 119
+85 : 102
+68 : 85
+51 : 68
+34 : 51
+17 : 34
+8 : 25
+4 : 21
+2 : 19
+1 : 18
±0 : 17
-1 : 16
-2 : 15
-4 : 13
-8 : 9
-17 : 0
青
+31 : 255
+14 : 238
+8 : 232
+4 : 228
+2 : 226
+1 : 225
±0 : 224
-1 : 223
-2 : 222
-3 : 221
-4 : 220
-8 : 216
-20 : 204
-37 : 187
-54 : 170
-71 : 153
-88 : 136
-105 : 119
-122 : 102
-139 : 85
-156 : 68
-173 : 51
-190 : 34
-207 : 17
-224 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000