色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#394828
データ
赤
57
緑
72
青
40
色相
88°
白
16%
黒
72%
彩度
29%
明度
22%
輝度
25%
色調 = 暗い灰色がかった
色相 = 88°
3桁
#453
#452
#451
#443
#442
#441
#433
#432
#431
#353
#352
#351
#343
#342
#341
#333
#332
#331
#253
#252
#251
#243
#242
#241
#233
#232
#231
名前付き
darkslategray
darkolivegreen
forestgreen
darkgreen
seagreen
saddlebrown
olivedrab
dimgray
green
midnightblue
olive
black
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 13
-60 : 28
-45 : 43
-30 : 58
-15 : 73
-10 : 78
-5 : 83
-2 : 86
±0 : 88
+2 : 90
+5 : 93
+10 : 98
+15 : 103
+30 : 118
+45 : 133
+60 : 148
+75 : 163
+90 : 178
+105 : 193
+120 : 208
+135 : 223
+150 : 238
+165 : 253
+180 : 268
+195 : 283
+210 : 298
+225 : 313
+240 : 328
+255 : 343
+270 : 358
彩度
+71 : 100
+67 : 96
+63 : 92
+59 : 88
+55 : 84
+51 : 80
+47 : 76
+43 : 72
+39 : 68
+35 : 64
+31 : 60
+27 : 56
+23 : 52
+21 : 50
+19 : 48
+15 : 44
+11 : 40
+7 : 36
+3 : 32
+2 : 31
±0 : 29
-1 : 28
-2 : 27
-3 : 26
-5 : 24
-9 : 20
-13 : 16
-17 : 12
-21 : 8
-25 : 4
-29 : 0
明度
+78 : 100
+74 : 96
+70 : 92
+66 : 88
+62 : 84
+58 : 80
+54 : 76
+50 : 72
+46 : 68
+42 : 64
+38 : 60
+34 : 56
+30 : 52
+28 : 50
+26 : 48
+22 : 44
+18 : 40
+14 : 36
+10 : 32
+6 : 28
+3 : 25
+2 : 24
±0 : 22
-2 : 20
-3 : 19
-6 : 16
-10 : 12
-14 : 8
-18 : 4
-22 : 0
白
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
黒
-72 : 0
-68 : 4
-64 : 8
-60 : 12
-56 : 16
-52 : 20
-48 : 24
-44 : 28
-40 : 32
-36 : 36
-32 : 40
-28 : 44
-24 : 48
-22 : 50
-20 : 52
-16 : 56
-12 : 60
-8 : 64
-4 : 68
-3 : 69
-2 : 70
±0 : 72
+2 : 74
+3 : 75
+4 : 76
+8 : 80
+12 : 84
+16 : 88
+20 : 92
+24 : 96
+28 : 100
赤
+198 : 255
+181 : 238
+164 : 221
+147 : 204
+130 : 187
+113 : 170
+96 : 153
+79 : 136
+62 : 119
+45 : 102
+28 : 85
+11 : 68
+8 : 65
+4 : 61
+2 : 59
+1 : 58
±0 : 57
-1 : 56
-2 : 55
-4 : 53
-6 : 51
-8 : 49
-23 : 34
-40 : 17
-57 : 0
緑
+183 : 255
+166 : 238
+149 : 221
+132 : 204
+115 : 187
+98 : 170
+81 : 153
+64 : 136
+47 : 119
+30 : 102
+13 : 85
+8 : 80
+4 : 76
+2 : 74
+1 : 73
±0 : 72
-1 : 71
-2 : 70
-4 : 68
-8 : 64
-21 : 51
-38 : 34
-55 : 17
-72 : 0
青
+215 : 255
+198 : 238
+181 : 221
+164 : 204
+147 : 187
+130 : 170
+113 : 153
+96 : 136
+79 : 119
+62 : 102
+45 : 85
+28 : 68
+11 : 51
+8 : 48
+4 : 44
+2 : 42
+1 : 41
±0 : 40
-1 : 39
-2 : 38
-4 : 36
-6 : 34
-8 : 32
-23 : 17
-40 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000