色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#0d33e4
データ
赤
13
緑
51
青
228
色相
229°
白
5%
黒
11%
彩度
89%
明度
47%
輝度
23%
色調 = 強い
色相 = 229°
3桁
#24e
#24d
#24c
#23e
#23d
#23c
#22e
#22d
#22c
#14e
#14d
#14c
#13e
#13d
#13c
#12e
#12d
#12c
#04e
#04d
#04c
#03e
#03d
#03c
#02e
#02d
#02c
名前付き
mediumblue
blue
royalblue
dodgerblue
darkblue
slateblue
darkslateblue
steelblue
navy
rebeccapurple
midnightblue
mediumslateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 4
-210 : 19
-195 : 34
-180 : 49
-165 : 64
-150 : 79
-135 : 94
-120 : 109
-105 : 124
-90 : 139
-75 : 154
-60 : 169
-45 : 184
-30 : 199
-15 : 214
-10 : 219
-5 : 224
-2 : 227
±0 : 229
+2 : 231
+5 : 234
+10 : 239
+15 : 244
+30 : 259
+45 : 274
+60 : 289
+75 : 304
+90 : 319
+105 : 334
+120 : 349
彩度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 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
白
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
黒
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
赤
+242 : 255
+225 : 238
+208 : 221
+191 : 204
+174 : 187
+157 : 170
+140 : 153
+123 : 136
+106 : 119
+89 : 102
+72 : 85
+55 : 68
+38 : 51
+21 : 34
+8 : 21
+4 : 17
+2 : 15
+1 : 14
±0 : 13
-1 : 12
-2 : 11
-4 : 9
-8 : 5
-13 : 0
緑
+204 : 255
+187 : 238
+170 : 221
+153 : 204
+136 : 187
+119 : 170
+102 : 153
+85 : 136
+68 : 119
+51 : 102
+34 : 85
+17 : 68
+8 : 59
+4 : 55
+2 : 53
+1 : 52
±0 : 51
-1 : 50
-2 : 49
-4 : 47
-8 : 43
-17 : 34
-34 : 17
-51 : 0
青
+27 : 255
+10 : 238
+8 : 236
+4 : 232
+2 : 230
+1 : 229
±0 : 228
-1 : 227
-2 : 226
-4 : 224
-7 : 221
-8 : 220
-24 : 204
-41 : 187
-58 : 170
-75 : 153
-92 : 136
-109 : 119
-126 : 102
-143 : 85
-160 : 68
-177 : 51
-194 : 34
-211 : 17
-228 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000