色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#e021da
データ
赤
224
緑
33
青
218
色相
302°
白
13%
黒
12%
彩度
75%
明度
50%
輝度
44%
色調 = 強い
色相 = 302°
3桁
#e3e
#e3d
#e3c
#e2e
#e2d
#e2c
#e1e
#e1d
#e1c
#d3e
#d3d
#d3c
#d2e
#d2d
#d2c
#d1e
#d1d
#d1c
#c3e
#c3d
#c3c
#c2e
#c2d
#c2c
#c1e
#c1d
#c1c
名前付き
fuchsia
mediumorchid
darkorchid
deeppink
orchid
darkviolet
blueviolet
hotpink
mediumvioletred
violet
palevioletred
mediumpurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 2
-285 : 17
-270 : 32
-255 : 47
-240 : 62
-225 : 77
-210 : 92
-195 : 107
-180 : 122
-165 : 137
-150 : 152
-135 : 167
-120 : 182
-105 : 197
-90 : 212
-75 : 227
-60 : 242
-45 : 257
-30 : 272
-15 : 287
-10 : 292
-5 : 297
-2 : 300
±0 : 302
+2 : 304
+5 : 307
+10 : 312
+15 : 317
+30 : 332
+45 : 347
彩度
+25 : 100
+21 : 96
+17 : 92
+13 : 88
+9 : 84
+5 : 80
+3 : 78
+2 : 77
+1 : 76
±0 : 75
-2 : 73
-3 : 72
-7 : 68
-11 : 64
-15 : 60
-19 : 56
-23 : 52
-25 : 50
-27 : 48
-31 : 44
-35 : 40
-39 : 36
-43 : 32
-47 : 28
-51 : 24
-55 : 20
-59 : 16
-63 : 12
-67 : 8
-71 : 4
-75 : 0
明度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
白
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
黒
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
赤
+31 : 255
+14 : 238
+8 : 232
+4 : 228
+2 : 226
+1 : 225
±0 : 224
-1 : 223
-2 : 222
-3 : 221
-4 : 220
-8 : 216
-20 : 204
-37 : 187
-54 : 170
-71 : 153
-88 : 136
-105 : 119
-122 : 102
-139 : 85
-156 : 68
-173 : 51
-190 : 34
-207 : 17
-224 : 0
緑
+222 : 255
+205 : 238
+188 : 221
+171 : 204
+154 : 187
+137 : 170
+120 : 153
+103 : 136
+86 : 119
+69 : 102
+52 : 85
+35 : 68
+18 : 51
+8 : 41
+4 : 37
+2 : 35
+1 : 34
±0 : 33
-1 : 32
-2 : 31
-4 : 29
-8 : 25
-16 : 17
-33 : 0
青
+37 : 255
+20 : 238
+8 : 226
+4 : 222
+3 : 221
+2 : 220
+1 : 219
±0 : 218
-1 : 217
-2 : 216
-4 : 214
-8 : 210
-14 : 204
-31 : 187
-48 : 170
-65 : 153
-82 : 136
-99 : 119
-116 : 102
-133 : 85
-150 : 68
-167 : 51
-184 : 34
-201 : 17
-218 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000