色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#b937a7
データ
赤
185
緑
55
青
167
色相
308°
白
22%
黒
27%
彩度
54%
明度
47%
輝度
42%
色調 = 鈍い
色相 = 308°
3桁
#c4b
#c4a
#c49
#c3b
#c3a
#c39
#c2b
#c2a
#c29
#b4b
#b4a
#b49
#b3b
#b3a
#b39
#b2b
#b2a
#b29
#a4b
#a4a
#a49
#a3b
#a3a
#a39
#a2b
#a2a
#a29
名前付き
darkorchid
mediumvioletred
mediumorchid
palevioletred
blueviolet
darkmagenta
darkviolet
deeppink
orchid
rebeccapurple
indianred
mediumpurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 8
-285 : 23
-270 : 38
-255 : 53
-240 : 68
-225 : 83
-210 : 98
-195 : 113
-180 : 128
-165 : 143
-150 : 158
-135 : 173
-120 : 188
-105 : 203
-90 : 218
-75 : 233
-60 : 248
-45 : 263
-30 : 278
-15 : 293
-10 : 298
-5 : 303
-2 : 306
±0 : 308
+2 : 310
+5 : 313
+10 : 318
+15 : 323
+30 : 338
+45 : 353
彩度
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 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
白
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
黒
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
赤
+70 : 255
+53 : 238
+36 : 221
+19 : 204
+8 : 193
+4 : 189
+2 : 187
+1 : 186
±0 : 185
-1 : 184
-2 : 183
-4 : 181
-8 : 177
-15 : 170
-32 : 153
-49 : 136
-66 : 119
-83 : 102
-100 : 85
-117 : 68
-134 : 51
-151 : 34
-168 : 17
-185 : 0
緑
+200 : 255
+183 : 238
+166 : 221
+149 : 204
+132 : 187
+115 : 170
+98 : 153
+81 : 136
+64 : 119
+47 : 102
+30 : 85
+13 : 68
+8 : 63
+4 : 59
+2 : 57
+1 : 56
±0 : 55
-1 : 54
-2 : 53
-4 : 51
-8 : 47
-21 : 34
-38 : 17
-55 : 0
青
+88 : 255
+71 : 238
+54 : 221
+37 : 204
+20 : 187
+8 : 175
+4 : 171
+3 : 170
+2 : 169
+1 : 168
±0 : 167
-1 : 166
-2 : 165
-4 : 163
-8 : 159
-14 : 153
-31 : 136
-48 : 119
-65 : 102
-82 : 85
-99 : 68
-116 : 51
-133 : 34
-150 : 17
-167 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000