色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#d548ec
データ
赤
213
緑
72
青
236
色相
292°
白
28%
黒
7%
彩度
81%
明度
60%
輝度
52%
色調 = 強い
色相 = 292°
3桁
#e5f
#e5e
#e5d
#e4f
#e4e
#e4d
#e3f
#e3e
#e3d
#d5f
#d5e
#d5d
#d4f
#d4e
#d4d
#d3f
#d3e
#d3d
#c5f
#c5e
#c5d
#c4f
#c4e
#c4d
#c3f
#c3e
#c3d
名前付き
mediumorchid
orchid
violet
darkorchid
hotpink
mediumpurple
blueviolet
fuchsia
plum
mediumslateblue
palevioletred
darkviolet
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 7
-270 : 22
-255 : 37
-240 : 52
-225 : 67
-210 : 82
-195 : 97
-180 : 112
-165 : 127
-150 : 142
-135 : 157
-120 : 172
-105 : 187
-90 : 202
-75 : 217
-60 : 232
-45 : 247
-30 : 262
-15 : 277
-10 : 282
-5 : 287
-2 : 290
±0 : 292
+2 : 294
+5 : 297
+10 : 302
+15 : 307
+30 : 322
+45 : 337
+60 : 352
彩度
+19 : 100
+15 : 96
+11 : 92
+7 : 88
+3 : 84
+2 : 83
±0 : 81
-1 : 80
-2 : 79
-3 : 78
-5 : 76
-9 : 72
-13 : 68
-17 : 64
-21 : 60
-25 : 56
-29 : 52
-31 : 50
-33 : 48
-37 : 44
-41 : 40
-45 : 36
-49 : 32
-53 : 28
-57 : 24
-61 : 20
-65 : 16
-69 : 12
-73 : 8
-77 : 4
-81 : 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
白
-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
黒
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
赤
+42 : 255
+25 : 238
+8 : 221
+4 : 217
+2 : 215
+1 : 214
±0 : 213
-1 : 212
-2 : 211
-4 : 209
-8 : 205
-9 : 204
-26 : 187
-43 : 170
-60 : 153
-77 : 136
-94 : 119
-111 : 102
-128 : 85
-145 : 68
-162 : 51
-179 : 34
-196 : 17
-213 : 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
青
+19 : 255
+8 : 244
+4 : 240
+2 : 238
+1 : 237
±0 : 236
-1 : 235
-2 : 234
-4 : 232
-8 : 228
-15 : 221
-32 : 204
-49 : 187
-66 : 170
-83 : 153
-100 : 136
-117 : 119
-134 : 102
-151 : 85
-168 : 68
-185 : 51
-202 : 34
-219 : 17
-236 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000