色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#040bb8
データ
赤
4
緑
11
青
184
色相
238°
白
2%
黒
28%
彩度
96%
明度
37%
輝度
11%
色調 = 強い
色相 = 238°
3桁
#22c
#22b
#22a
#21c
#21b
#21a
#20c
#20b
#20a
#12c
#12b
#12a
#11c
#11b
#11a
#10c
#10b
#10a
#02c
#02b
#02a
#01c
#01b
#01a
#00c
#00b
#00a
名前付き
mediumblue
darkblue
navy
blue
midnightblue
indigo
darkslateblue
rebeccapurple
royalblue
teal
slateblue
darkslategray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 13
-210 : 28
-195 : 43
-180 : 58
-165 : 73
-150 : 88
-135 : 103
-120 : 118
-105 : 133
-90 : 148
-75 : 163
-60 : 178
-45 : 193
-30 : 208
-15 : 223
-10 : 228
-5 : 233
-2 : 236
±0 : 238
+2 : 240
+5 : 243
+10 : 248
+15 : 253
+30 : 268
+45 : 283
+60 : 298
+75 : 313
+90 : 328
+105 : 343
+120 : 358
彩度
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
明度
+63 : 100
+59 : 96
+55 : 92
+51 : 88
+47 : 84
+43 : 80
+39 : 76
+35 : 72
+31 : 68
+27 : 64
+23 : 60
+19 : 56
+15 : 52
+13 : 50
+11 : 48
+7 : 44
+3 : 40
+2 : 39
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-5 : 32
-9 : 28
-13 : 24
-17 : 20
-21 : 16
-25 : 12
-29 : 8
-33 : 4
-37 : 0
白
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
黒
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
赤
+251 : 255
+234 : 238
+217 : 221
+200 : 204
+183 : 187
+166 : 170
+149 : 153
+132 : 136
+115 : 119
+98 : 102
+81 : 85
+64 : 68
+47 : 51
+30 : 34
+13 : 17
+8 : 12
+4 : 8
+2 : 6
+1 : 5
±0 : 4
-1 : 3
-2 : 2
-4 : 0
緑
+244 : 255
+227 : 238
+210 : 221
+193 : 204
+176 : 187
+159 : 170
+142 : 153
+125 : 136
+108 : 119
+91 : 102
+74 : 85
+57 : 68
+40 : 51
+23 : 34
+8 : 19
+6 : 17
+4 : 15
+2 : 13
+1 : 12
±0 : 11
-1 : 10
-2 : 9
-4 : 7
-8 : 3
-11 : 0
青
+71 : 255
+54 : 238
+37 : 221
+20 : 204
+8 : 192
+4 : 188
+3 : 187
+2 : 186
+1 : 185
±0 : 184
-1 : 183
-2 : 182
-4 : 180
-8 : 176
-14 : 170
-31 : 153
-48 : 136
-65 : 119
-82 : 102
-99 : 85
-116 : 68
-133 : 51
-150 : 34
-167 : 17
-184 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000