色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#a77
#aa7777
データ
赤
170
緑
119
青
119
色相
0°
白
47%
黒
33%
彩度
23%
明度
57%
輝度
53%
色調 = 明るい灰色がかった
色相 = 0°
3桁
#b88
#b87
#b86
#b78
#b77
#b76
#b68
#b67
#b66
#a88
#a87
#a86
#a78
#a77
#a76
#a68
#a67
#a66
#988
#987
#986
#978
#977
#976
#968
#967
#966
名前付き
rosybrown
gray
indianred
palevioletred
lightslategray
slategray
peru
darkkhaki
dimgray
darksalmon
darkgray
lightcoral
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
±0 : 0
+2 : 2
+5 : 5
+10 : 10
+15 : 15
+30 : 30
+45 : 45
+60 : 60
+75 : 75
+90 : 90
+105 : 105
+120 : 120
+135 : 135
+150 : 150
+165 : 165
+180 : 180
+195 : 195
+210 : 210
+225 : 225
+240 : 240
+255 : 255
+270 : 270
+285 : 285
+300 : 300
+315 : 315
+330 : 330
+345 : 345
+350 : 350
+355 : 355
+358 : 358
彩度
+77 : 100
+73 : 96
+69 : 92
+65 : 88
+61 : 84
+57 : 80
+53 : 76
+49 : 72
+45 : 68
+41 : 64
+37 : 60
+33 : 56
+29 : 52
+27 : 50
+25 : 48
+21 : 44
+17 : 40
+13 : 36
+9 : 32
+5 : 28
+3 : 26
+2 : 25
+1 : 24
±0 : 23
-2 : 21
-3 : 20
-7 : 16
-11 : 12
-15 : 8
-19 : 4
-23 : 0
明度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
白
-47 : 0
-43 : 4
-39 : 8
-35 : 12
-31 : 16
-27 : 20
-23 : 24
-19 : 28
-15 : 32
-11 : 36
-7 : 40
-3 : 44
-2 : 45
±0 : 47
+1 : 48
+2 : 49
+3 : 50
+5 : 52
+9 : 56
+13 : 60
+17 : 64
+21 : 68
+25 : 72
+29 : 76
+33 : 80
+37 : 84
+41 : 88
+45 : 92
+49 : 96
+53 : 100
黒
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
赤
+85 : 255
+68 : 238
+51 : 221
+34 : 204
+17 : 187
+8 : 178
+4 : 174
+2 : 172
+1 : 171
±0 : 170
-1 : 169
-2 : 168
-4 : 166
-8 : 162
-17 : 153
-34 : 136
-51 : 119
-68 : 102
-85 : 85
-102 : 68
-119 : 51
-136 : 34
-153 : 17
-170 : 0
緑
+136 : 255
+119 : 238
+102 : 221
+85 : 204
+68 : 187
+51 : 170
+34 : 153
+17 : 136
+8 : 127
+4 : 123
+2 : 121
+1 : 120
±0 : 119
-1 : 118
-2 : 117
-4 : 115
-8 : 111
-17 : 102
-34 : 85
-51 : 68
-68 : 51
-85 : 34
-102 : 17
-119 : 0
青
+136 : 255
+119 : 238
+102 : 221
+85 : 204
+68 : 187
+51 : 170
+34 : 153
+17 : 136
+8 : 127
+4 : 123
+2 : 121
+1 : 120
±0 : 119
-1 : 118
-2 : 117
-4 : 115
-8 : 111
-17 : 102
-34 : 85
-51 : 68
-68 : 51
-85 : 34
-102 : 17
-119 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000