色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c448ec
データ
赤
196
緑
72
青
236
色相
285°
白
28%
黒
7%
彩度
81%
明度
60%
輝度
50%
色調 = 強い
色相 = 285°
3桁
#d5f
#d5e
#d5d
#d4f
#d4e
#d4d
#d3f
#d3e
#d3d
#c5f
#c5e
#c5d
#c4f
#c4e
#c4d
#c3f
#c3e
#c3d
#b5f
#b5e
#b5d
#b4f
#b4e
#b4d
#b3f
#b3e
#b3d
名前付き
mediumorchid
orchid
darkorchid
mediumpurple
blueviolet
violet
mediumslateblue
hotpink
darkviolet
plum
fuchsia
slateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 0
-270 : 15
-255 : 30
-240 : 45
-225 : 60
-210 : 75
-195 : 90
-180 : 105
-165 : 120
-150 : 135
-135 : 150
-120 : 165
-105 : 180
-90 : 195
-75 : 210
-60 : 225
-45 : 240
-30 : 255
-15 : 270
-10 : 275
-5 : 280
-2 : 283
±0 : 285
+2 : 287
+5 : 290
+10 : 295
+15 : 300
+30 : 315
+45 : 330
+60 : 345
彩度
+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
赤
+59 : 255
+42 : 238
+25 : 221
+8 : 204
+4 : 200
+2 : 198
+1 : 197
±0 : 196
-1 : 195
-2 : 194
-4 : 192
-8 : 188
-9 : 187
-26 : 170
-43 : 153
-60 : 136
-77 : 119
-94 : 102
-111 : 85
-128 : 68
-145 : 51
-162 : 34
-179 : 17
-196 : 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