色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#a67db7
データ
赤
166
緑
125
青
183
色相
282°
白
49%
黒
28%
彩度
29%
明度
60%
輝度
56%
色調 = 明るい灰色がかった
色相 = 282°
3桁
#b8c
#b8b
#b8a
#b7c
#b7b
#b7a
#b6c
#b6b
#b6a
#a8c
#a8b
#a8a
#a7c
#a7b
#a7a
#a6c
#a6b
#a6a
#98c
#98b
#98a
#97c
#97b
#97a
#96c
#96b
#96a
名前付き
mediumpurple
darkgray
rosybrown
mediumorchid
lightslategray
orchid
palevioletred
slategray
gray
silver
slateblue
mediumslateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 12
-255 : 27
-240 : 42
-225 : 57
-210 : 72
-195 : 87
-180 : 102
-165 : 117
-150 : 132
-135 : 147
-120 : 162
-105 : 177
-90 : 192
-75 : 207
-60 : 222
-45 : 237
-30 : 252
-15 : 267
-10 : 272
-5 : 277
-2 : 280
±0 : 282
+2 : 284
+5 : 287
+10 : 292
+15 : 297
+30 : 312
+45 : 327
+60 : 342
+75 : 357
彩度
+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
明度
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
白
-49 : 0
-45 : 4
-41 : 8
-37 : 12
-33 : 16
-29 : 20
-25 : 24
-21 : 28
-17 : 32
-13 : 36
-9 : 40
-5 : 44
-3 : 46
-2 : 47
-1 : 48
±0 : 49
+1 : 50
+2 : 51
+3 : 52
+7 : 56
+11 : 60
+15 : 64
+19 : 68
+23 : 72
+27 : 76
+31 : 80
+35 : 84
+39 : 88
+43 : 92
+47 : 96
+51 : 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
赤
+89 : 255
+72 : 238
+55 : 221
+38 : 204
+21 : 187
+8 : 174
+4 : 170
+2 : 168
+1 : 167
±0 : 166
-1 : 165
-2 : 164
-4 : 162
-8 : 158
-13 : 153
-30 : 136
-47 : 119
-64 : 102
-81 : 85
-98 : 68
-115 : 51
-132 : 34
-149 : 17
-166 : 0
緑
+130 : 255
+113 : 238
+96 : 221
+79 : 204
+62 : 187
+45 : 170
+28 : 153
+11 : 136
+8 : 133
+4 : 129
+2 : 127
+1 : 126
±0 : 125
-1 : 124
-2 : 123
-4 : 121
-6 : 119
-8 : 117
-23 : 102
-40 : 85
-57 : 68
-74 : 51
-91 : 34
-108 : 17
-125 : 0
青
+72 : 255
+55 : 238
+38 : 221
+21 : 204
+8 : 191
+4 : 187
+2 : 185
+1 : 184
±0 : 183
-1 : 182
-2 : 181
-4 : 179
-8 : 175
-13 : 170
-30 : 153
-47 : 136
-64 : 119
-81 : 102
-98 : 85
-115 : 68
-132 : 51
-149 : 34
-166 : 17
-183 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000