CSSの色の見え方
に公開
hsl, hwb, lch, oklch, lab, oklabの色の見え方を確認できます。
hsl
color: #ffffffの場合
0 20% 20%
30 20% 20%
60 20% 20%
90 20% 20%
120 20% 20%
150 20% 20%
180 20% 20%
210 20% 20%
240 20% 20%
270 20% 20%
300 20% 20%
330 20% 20%
0 20% 50%
30 20% 50%
60 20% 50%
90 20% 50%
120 20% 50%
150 20% 50%
180 20% 50%
210 20% 50%
240 20% 50%
270 20% 50%
300 20% 50%
330 20% 50%
0 20% 80%
30 20% 80%
60 20% 80%
90 20% 80%
120 20% 80%
150 20% 80%
180 20% 80%
210 20% 80%
240 20% 80%
270 20% 80%
300 20% 80%
330 20% 80%
0 55% 20%
30 55% 20%
60 55% 20%
90 55% 20%
120 55% 20%
150 55% 20%
180 55% 20%
210 55% 20%
240 55% 20%
270 55% 20%
300 55% 20%
330 55% 20%
0 55% 50%
30 55% 50%
60 55% 50%
90 55% 50%
120 55% 50%
150 55% 50%
180 55% 50%
210 55% 50%
240 55% 50%
270 55% 50%
300 55% 50%
330 55% 50%
0 55% 80%
30 55% 80%
60 55% 80%
90 55% 80%
120 55% 80%
150 55% 80%
180 55% 80%
210 55% 80%
240 55% 80%
270 55% 80%
300 55% 80%
330 55% 80%
0 90% 20%
30 90% 20%
60 90% 20%
90 90% 20%
120 90% 20%
150 90% 20%
180 90% 20%
210 90% 20%
240 90% 20%
270 90% 20%
300 90% 20%
330 90% 20%
0 90% 50%
30 90% 50%
60 90% 50%
90 90% 50%
120 90% 50%
150 90% 50%
180 90% 50%
210 90% 50%
240 90% 50%
270 90% 50%
300 90% 50%
330 90% 50%
0 90% 80%
30 90% 80%
60 90% 80%
90 90% 80%
120 90% 80%
150 90% 80%
180 90% 80%
210 90% 80%
240 90% 80%
270 90% 80%
300 90% 80%
330 90% 80%
color: #000000の場合
0 20% 20%
30 20% 20%
60 20% 20%
90 20% 20%
120 20% 20%
150 20% 20%
180 20% 20%
210 20% 20%
240 20% 20%
270 20% 20%
300 20% 20%
330 20% 20%
0 20% 50%
30 20% 50%
60 20% 50%
90 20% 50%
120 20% 50%
150 20% 50%
180 20% 50%
210 20% 50%
240 20% 50%
270 20% 50%
300 20% 50%
330 20% 50%
0 20% 80%
30 20% 80%
60 20% 80%
90 20% 80%
120 20% 80%
150 20% 80%
180 20% 80%
210 20% 80%
240 20% 80%
270 20% 80%
300 20% 80%
330 20% 80%
0 55% 20%
30 55% 20%
60 55% 20%
90 55% 20%
120 55% 20%
150 55% 20%
180 55% 20%
210 55% 20%
240 55% 20%
270 55% 20%
300 55% 20%
330 55% 20%
0 55% 50%
30 55% 50%
60 55% 50%
90 55% 50%
120 55% 50%
150 55% 50%
180 55% 50%
210 55% 50%
240 55% 50%
270 55% 50%
300 55% 50%
330 55% 50%
0 55% 80%
30 55% 80%
60 55% 80%
90 55% 80%
120 55% 80%
150 55% 80%
180 55% 80%
210 55% 80%
240 55% 80%
270 55% 80%
300 55% 80%
330 55% 80%
0 90% 20%
30 90% 20%
60 90% 20%
90 90% 20%
120 90% 20%
150 90% 20%
180 90% 20%
210 90% 20%
240 90% 20%
270 90% 20%
300 90% 20%
330 90% 20%
0 90% 50%
30 90% 50%
60 90% 50%
90 90% 50%
120 90% 50%
150 90% 50%
180 90% 50%
210 90% 50%
240 90% 50%
270 90% 50%
300 90% 50%
330 90% 50%
0 90% 80%
30 90% 80%
60 90% 80%
90 90% 80%
120 90% 80%
150 90% 80%
180 90% 80%
210 90% 80%
240 90% 80%
270 90% 80%
300 90% 80%
330 90% 80%
filter: grayscale(100%)の場合
0 20% 20%
30 20% 20%
60 20% 20%
90 20% 20%
120 20% 20%
150 20% 20%
180 20% 20%
210 20% 20%
240 20% 20%
270 20% 20%
300 20% 20%
330 20% 20%
0 20% 50%
30 20% 50%
60 20% 50%
90 20% 50%
120 20% 50%
150 20% 50%
180 20% 50%
210 20% 50%
240 20% 50%
270 20% 50%
300 20% 50%
330 20% 50%
0 20% 80%
30 20% 80%
60 20% 80%
90 20% 80%
120 20% 80%
150 20% 80%
180 20% 80%
210 20% 80%
240 20% 80%
270 20% 80%
300 20% 80%
330 20% 80%
0 55% 20%
30 55% 20%
60 55% 20%
90 55% 20%
120 55% 20%
150 55% 20%
180 55% 20%
210 55% 20%
240 55% 20%
270 55% 20%
300 55% 20%
330 55% 20%
0 55% 50%
30 55% 50%
60 55% 50%
90 55% 50%
120 55% 50%
150 55% 50%
180 55% 50%
210 55% 50%
240 55% 50%
270 55% 50%
300 55% 50%
330 55% 50%
0 55% 80%
30 55% 80%
60 55% 80%
90 55% 80%
120 55% 80%
150 55% 80%
180 55% 80%
210 55% 80%
240 55% 80%
270 55% 80%
300 55% 80%
330 55% 80%
0 90% 20%
30 90% 20%
60 90% 20%
90 90% 20%
120 90% 20%
150 90% 20%
180 90% 20%
210 90% 20%
240 90% 20%
270 90% 20%
300 90% 20%
330 90% 20%
0 90% 50%
30 90% 50%
60 90% 50%
90 90% 50%
120 90% 50%
150 90% 50%
180 90% 50%
210 90% 50%
240 90% 50%
270 90% 50%
300 90% 50%
330 90% 50%
0 90% 80%
30 90% 80%
60 90% 80%
90 90% 80%
120 90% 80%
150 90% 80%
180 90% 80%
210 90% 80%
240 90% 80%
270 90% 80%
300 90% 80%
330 90% 80%
hwb
color: #ffffffの場合
0 10% 10%
30 10% 10%
60 10% 10%
90 10% 10%
120 10% 10%
150 10% 10%
180 10% 10%
210 10% 10%
240 10% 10%
270 10% 10%
300 10% 10%
330 10% 10%
0 35% 10%
30 35% 10%
60 35% 10%
90 35% 10%
120 35% 10%
150 35% 10%
180 35% 10%
210 35% 10%
240 35% 10%
270 35% 10%
300 35% 10%
330 35% 10%
0 60% 10%
30 60% 10%
60 60% 10%
90 60% 10%
120 60% 10%
150 60% 10%
180 60% 10%
210 60% 10%
240 60% 10%
270 60% 10%
300 60% 10%
330 60% 10%
0 10% 30%
30 10% 30%
60 10% 30%
90 10% 30%
120 10% 30%
150 10% 30%
180 10% 30%
210 10% 30%
240 10% 30%
270 10% 30%
300 10% 30%
330 10% 30%
0 35% 30%
30 35% 30%
60 35% 30%
90 35% 30%
120 35% 30%
150 35% 30%
180 35% 30%
210 35% 30%
240 35% 30%
270 35% 30%
300 35% 30%
330 35% 30%
0 60% 30%
30 60% 30%
60 60% 30%
90 60% 30%
120 60% 30%
150 60% 30%
180 60% 30%
210 60% 30%
240 60% 30%
270 60% 30%
300 60% 30%
330 60% 30%
0 10% 50%
30 10% 50%
60 10% 50%
90 10% 50%
120 10% 50%
150 10% 50%
180 10% 50%
210 10% 50%
240 10% 50%
270 10% 50%
300 10% 50%
330 10% 50%
0 35% 50%
30 35% 50%
60 35% 50%
90 35% 50%
120 35% 50%
150 35% 50%
180 35% 50%
210 35% 50%
240 35% 50%
270 35% 50%
300 35% 50%
330 35% 50%
0 60% 50%
30 60% 50%
60 60% 50%
90 60% 50%
120 60% 50%
150 60% 50%
180 60% 50%
210 60% 50%
240 60% 50%
270 60% 50%
300 60% 50%
330 60% 50%
color: #000000の場合
0 10% 10%
30 10% 10%
60 10% 10%
90 10% 10%
120 10% 10%
150 10% 10%
180 10% 10%
210 10% 10%
240 10% 10%
270 10% 10%
300 10% 10%
330 10% 10%
0 35% 10%
30 35% 10%
60 35% 10%
90 35% 10%
120 35% 10%
150 35% 10%
180 35% 10%
210 35% 10%
240 35% 10%
270 35% 10%
300 35% 10%
330 35% 10%
0 60% 10%
30 60% 10%
60 60% 10%
90 60% 10%
120 60% 10%
150 60% 10%
180 60% 10%
210 60% 10%
240 60% 10%
270 60% 10%
300 60% 10%
330 60% 10%
0 10% 30%
30 10% 30%
60 10% 30%
90 10% 30%
120 10% 30%
150 10% 30%
180 10% 30%
210 10% 30%
240 10% 30%
270 10% 30%
300 10% 30%
330 10% 30%
0 35% 30%
30 35% 30%
60 35% 30%
90 35% 30%
120 35% 30%
150 35% 30%
180 35% 30%
210 35% 30%
240 35% 30%
270 35% 30%
300 35% 30%
330 35% 30%
0 60% 30%
30 60% 30%
60 60% 30%
90 60% 30%
120 60% 30%
150 60% 30%
180 60% 30%
210 60% 30%
240 60% 30%
270 60% 30%
300 60% 30%
330 60% 30%
0 10% 50%
30 10% 50%
60 10% 50%
90 10% 50%
120 10% 50%
150 10% 50%
180 10% 50%
210 10% 50%
240 10% 50%
270 10% 50%
300 10% 50%
330 10% 50%
0 35% 50%
30 35% 50%
60 35% 50%
90 35% 50%
120 35% 50%
150 35% 50%
180 35% 50%
210 35% 50%
240 35% 50%
270 35% 50%
300 35% 50%
330 35% 50%
0 60% 50%
30 60% 50%
60 60% 50%
90 60% 50%
120 60% 50%
150 60% 50%
180 60% 50%
210 60% 50%
240 60% 50%
270 60% 50%
300 60% 50%
330 60% 50%
filter: grayscale(100%)の場合
0 10% 10%
30 10% 10%
60 10% 10%
90 10% 10%
120 10% 10%
150 10% 10%
180 10% 10%
210 10% 10%
240 10% 10%
270 10% 10%
300 10% 10%
330 10% 10%
0 35% 10%
30 35% 10%
60 35% 10%
90 35% 10%
120 35% 10%
150 35% 10%
180 35% 10%
210 35% 10%
240 35% 10%
270 35% 10%
300 35% 10%
330 35% 10%
0 60% 10%
30 60% 10%
60 60% 10%
90 60% 10%
120 60% 10%
150 60% 10%
180 60% 10%
210 60% 10%
240 60% 10%
270 60% 10%
300 60% 10%
330 60% 10%
0 10% 30%
30 10% 30%
60 10% 30%
90 10% 30%
120 10% 30%
150 10% 30%
180 10% 30%
210 10% 30%
240 10% 30%
270 10% 30%
300 10% 30%
330 10% 30%
0 35% 30%
30 35% 30%
60 35% 30%
90 35% 30%
120 35% 30%
150 35% 30%
180 35% 30%
210 35% 30%
240 35% 30%
270 35% 30%
300 35% 30%
330 35% 30%
0 60% 30%
30 60% 30%
60 60% 30%
90 60% 30%
120 60% 30%
150 60% 30%
180 60% 30%
210 60% 30%
240 60% 30%
270 60% 30%
300 60% 30%
330 60% 30%
0 10% 50%
30 10% 50%
60 10% 50%
90 10% 50%
120 10% 50%
150 10% 50%
180 10% 50%
210 10% 50%
240 10% 50%
270 10% 50%
300 10% 50%
330 10% 50%
0 35% 50%
30 35% 50%
60 35% 50%
90 35% 50%
120 35% 50%
150 35% 50%
180 35% 50%
210 35% 50%
240 35% 50%
270 35% 50%
300 35% 50%
330 35% 50%
0 60% 50%
30 60% 50%
60 60% 50%
90 60% 50%
120 60% 50%
150 60% 50%
180 60% 50%
210 60% 50%
240 60% 50%
270 60% 50%
300 60% 50%
330 60% 50%
lch
color: #ffffffの場合
30% 10 0
30% 10 30
30% 10 60
30% 10 90
30% 10 120
30% 10 150
30% 10 180
30% 10 210
30% 10 240
30% 10 270
30% 10 300
30% 10 330
30% 50 0
30% 50 30
30% 50 60
30% 50 90
30% 50 120
30% 50 150
30% 50 180
30% 50 210
30% 50 240
30% 50 270
30% 50 300
30% 50 330
30% 90 0
30% 90 30
30% 90 60
30% 90 90
30% 90 120
30% 90 150
30% 90 180
30% 90 210
30% 90 240
30% 90 270
30% 90 300
30% 90 330
60% 10 0
60% 10 30
60% 10 60
60% 10 90
60% 10 120
60% 10 150
60% 10 180
60% 10 210
60% 10 240
60% 10 270
60% 10 300
60% 10 330
60% 50 0
60% 50 30
60% 50 60
60% 50 90
60% 50 120
60% 50 150
60% 50 180
60% 50 210
60% 50 240
60% 50 270
60% 50 300
60% 50 330
60% 90 0
60% 90 30
60% 90 60
60% 90 90
60% 90 120
60% 90 150
60% 90 180
60% 90 210
60% 90 240
60% 90 270
60% 90 300
60% 90 330
90% 10 0
90% 10 30
90% 10 60
90% 10 90
90% 10 120
90% 10 150
90% 10 180
90% 10 210
90% 10 240
90% 10 270
90% 10 300
90% 10 330
90% 50 0
90% 50 30
90% 50 60
90% 50 90
90% 50 120
90% 50 150
90% 50 180
90% 50 210
90% 50 240
90% 50 270
90% 50 300
90% 50 330
90% 90 0
90% 90 30
90% 90 60
90% 90 90
90% 90 120
90% 90 150
90% 90 180
90% 90 210
90% 90 240
90% 90 270
90% 90 300
90% 90 330
color: #000000の場合
30% 10 0
30% 10 30
30% 10 60
30% 10 90
30% 10 120
30% 10 150
30% 10 180
30% 10 210
30% 10 240
30% 10 270
30% 10 300
30% 10 330
30% 50 0
30% 50 30
30% 50 60
30% 50 90
30% 50 120
30% 50 150
30% 50 180
30% 50 210
30% 50 240
30% 50 270
30% 50 300
30% 50 330
30% 90 0
30% 90 30
30% 90 60
30% 90 90
30% 90 120
30% 90 150
30% 90 180
30% 90 210
30% 90 240
30% 90 270
30% 90 300
30% 90 330
60% 10 0
60% 10 30
60% 10 60
60% 10 90
60% 10 120
60% 10 150
60% 10 180
60% 10 210
60% 10 240
60% 10 270
60% 10 300
60% 10 330
60% 50 0
60% 50 30
60% 50 60
60% 50 90
60% 50 120
60% 50 150
60% 50 180
60% 50 210
60% 50 240
60% 50 270
60% 50 300
60% 50 330
60% 90 0
60% 90 30
60% 90 60
60% 90 90
60% 90 120
60% 90 150
60% 90 180
60% 90 210
60% 90 240
60% 90 270
60% 90 300
60% 90 330
90% 10 0
90% 10 30
90% 10 60
90% 10 90
90% 10 120
90% 10 150
90% 10 180
90% 10 210
90% 10 240
90% 10 270
90% 10 300
90% 10 330
90% 50 0
90% 50 30
90% 50 60
90% 50 90
90% 50 120
90% 50 150
90% 50 180
90% 50 210
90% 50 240
90% 50 270
90% 50 300
90% 50 330
90% 90 0
90% 90 30
90% 90 60
90% 90 90
90% 90 120
90% 90 150
90% 90 180
90% 90 210
90% 90 240
90% 90 270
90% 90 300
90% 90 330
filter: grayscale(100%)の場合
30% 10 0
30% 10 30
30% 10 60
30% 10 90
30% 10 120
30% 10 150
30% 10 180
30% 10 210
30% 10 240
30% 10 270
30% 10 300
30% 10 330
30% 50 0
30% 50 30
30% 50 60
30% 50 90
30% 50 120
30% 50 150
30% 50 180
30% 50 210
30% 50 240
30% 50 270
30% 50 300
30% 50 330
30% 90 0
30% 90 30
30% 90 60
30% 90 90
30% 90 120
30% 90 150
30% 90 180
30% 90 210
30% 90 240
30% 90 270
30% 90 300
30% 90 330
60% 10 0
60% 10 30
60% 10 60
60% 10 90
60% 10 120
60% 10 150
60% 10 180
60% 10 210
60% 10 240
60% 10 270
60% 10 300
60% 10 330
60% 50 0
60% 50 30
60% 50 60
60% 50 90
60% 50 120
60% 50 150
60% 50 180
60% 50 210
60% 50 240
60% 50 270
60% 50 300
60% 50 330
60% 90 0
60% 90 30
60% 90 60
60% 90 90
60% 90 120
60% 90 150
60% 90 180
60% 90 210
60% 90 240
60% 90 270
60% 90 300
60% 90 330
90% 10 0
90% 10 30
90% 10 60
90% 10 90
90% 10 120
90% 10 150
90% 10 180
90% 10 210
90% 10 240
90% 10 270
90% 10 300
90% 10 330
90% 50 0
90% 50 30
90% 50 60
90% 50 90
90% 50 120
90% 50 150
90% 50 180
90% 50 210
90% 50 240
90% 50 270
90% 50 300
90% 50 330
90% 90 0
90% 90 30
90% 90 60
90% 90 90
90% 90 120
90% 90 150
90% 90 180
90% 90 210
90% 90 240
90% 90 270
90% 90 300
90% 90 330
oklch
color: #ffffffの場合
30% 0.10 0
30% 0.10 30
30% 0.10 60
30% 0.10 90
30% 0.10 120
30% 0.10 150
30% 0.10 180
30% 0.10 210
30% 0.10 240
30% 0.10 270
30% 0.10 300
30% 0.10 330
30% 0.25 0
30% 0.25 30
30% 0.25 60
30% 0.25 90
30% 0.25 120
30% 0.25 150
30% 0.25 180
30% 0.25 210
30% 0.25 240
30% 0.25 270
30% 0.25 300
30% 0.25 330
30% 0.40 0
30% 0.40 30
30% 0.40 60
30% 0.40 90
30% 0.40 120
30% 0.40 150
30% 0.40 180
30% 0.40 210
30% 0.40 240
30% 0.40 270
30% 0.40 300
30% 0.40 330
60% 0.10 0
60% 0.10 30
60% 0.10 60
60% 0.10 90
60% 0.10 120
60% 0.10 150
60% 0.10 180
60% 0.10 210
60% 0.10 240
60% 0.10 270
60% 0.10 300
60% 0.10 330
60% 0.25 0
60% 0.25 30
60% 0.25 60
60% 0.25 90
60% 0.25 120
60% 0.25 150
60% 0.25 180
60% 0.25 210
60% 0.25 240
60% 0.25 270
60% 0.25 300
60% 0.25 330
60% 0.40 0
60% 0.40 30
60% 0.40 60
60% 0.40 90
60% 0.40 120
60% 0.40 150
60% 0.40 180
60% 0.40 210
60% 0.40 240
60% 0.40 270
60% 0.40 300
60% 0.40 330
90% 0.10 0
90% 0.10 30
90% 0.10 60
90% 0.10 90
90% 0.10 120
90% 0.10 150
90% 0.10 180
90% 0.10 210
90% 0.10 240
90% 0.10 270
90% 0.10 300
90% 0.10 330
90% 0.25 0
90% 0.25 30
90% 0.25 60
90% 0.25 90
90% 0.25 120
90% 0.25 150
90% 0.25 180
90% 0.25 210
90% 0.25 240
90% 0.25 270
90% 0.25 300
90% 0.25 330
90% 0.40 0
90% 0.40 30
90% 0.40 60
90% 0.40 90
90% 0.40 120
90% 0.40 150
90% 0.40 180
90% 0.40 210
90% 0.40 240
90% 0.40 270
90% 0.40 300
90% 0.40 330
color: #000000の場合
30% 0.10 0
30% 0.10 30
30% 0.10 60
30% 0.10 90
30% 0.10 120
30% 0.10 150
30% 0.10 180
30% 0.10 210
30% 0.10 240
30% 0.10 270
30% 0.10 300
30% 0.10 330
30% 0.25 0
30% 0.25 30
30% 0.25 60
30% 0.25 90
30% 0.25 120
30% 0.25 150
30% 0.25 180
30% 0.25 210
30% 0.25 240
30% 0.25 270
30% 0.25 300
30% 0.25 330
30% 0.40 0
30% 0.40 30
30% 0.40 60
30% 0.40 90
30% 0.40 120
30% 0.40 150
30% 0.40 180
30% 0.40 210
30% 0.40 240
30% 0.40 270
30% 0.40 300
30% 0.40 330
60% 0.10 0
60% 0.10 30
60% 0.10 60
60% 0.10 90
60% 0.10 120
60% 0.10 150
60% 0.10 180
60% 0.10 210
60% 0.10 240
60% 0.10 270
60% 0.10 300
60% 0.10 330
60% 0.25 0
60% 0.25 30
60% 0.25 60
60% 0.25 90
60% 0.25 120
60% 0.25 150
60% 0.25 180
60% 0.25 210
60% 0.25 240
60% 0.25 270
60% 0.25 300
60% 0.25 330
60% 0.40 0
60% 0.40 30
60% 0.40 60
60% 0.40 90
60% 0.40 120
60% 0.40 150
60% 0.40 180
60% 0.40 210
60% 0.40 240
60% 0.40 270
60% 0.40 300
60% 0.40 330
90% 0.10 0
90% 0.10 30
90% 0.10 60
90% 0.10 90
90% 0.10 120
90% 0.10 150
90% 0.10 180
90% 0.10 210
90% 0.10 240
90% 0.10 270
90% 0.10 300
90% 0.10 330
90% 0.25 0
90% 0.25 30
90% 0.25 60
90% 0.25 90
90% 0.25 120
90% 0.25 150
90% 0.25 180
90% 0.25 210
90% 0.25 240
90% 0.25 270
90% 0.25 300
90% 0.25 330
90% 0.40 0
90% 0.40 30
90% 0.40 60
90% 0.40 90
90% 0.40 120
90% 0.40 150
90% 0.40 180
90% 0.40 210
90% 0.40 240
90% 0.40 270
90% 0.40 300
90% 0.40 330
filter: grayscale(100%)の場合
30% 0.10 0
30% 0.10 30
30% 0.10 60
30% 0.10 90
30% 0.10 120
30% 0.10 150
30% 0.10 180
30% 0.10 210
30% 0.10 240
30% 0.10 270
30% 0.10 300
30% 0.10 330
30% 0.25 0
30% 0.25 30
30% 0.25 60
30% 0.25 90
30% 0.25 120
30% 0.25 150
30% 0.25 180
30% 0.25 210
30% 0.25 240
30% 0.25 270
30% 0.25 300
30% 0.25 330
30% 0.40 0
30% 0.40 30
30% 0.40 60
30% 0.40 90
30% 0.40 120
30% 0.40 150
30% 0.40 180
30% 0.40 210
30% 0.40 240
30% 0.40 270
30% 0.40 300
30% 0.40 330
60% 0.10 0
60% 0.10 30
60% 0.10 60
60% 0.10 90
60% 0.10 120
60% 0.10 150
60% 0.10 180
60% 0.10 210
60% 0.10 240
60% 0.10 270
60% 0.10 300
60% 0.10 330
60% 0.25 0
60% 0.25 30
60% 0.25 60
60% 0.25 90
60% 0.25 120
60% 0.25 150
60% 0.25 180
60% 0.25 210
60% 0.25 240
60% 0.25 270
60% 0.25 300
60% 0.25 330
60% 0.40 0
60% 0.40 30
60% 0.40 60
60% 0.40 90
60% 0.40 120
60% 0.40 150
60% 0.40 180
60% 0.40 210
60% 0.40 240
60% 0.40 270
60% 0.40 300
60% 0.40 330
90% 0.10 0
90% 0.10 30
90% 0.10 60
90% 0.10 90
90% 0.10 120
90% 0.10 150
90% 0.10 180
90% 0.10 210
90% 0.10 240
90% 0.10 270
90% 0.10 300
90% 0.10 330
90% 0.25 0
90% 0.25 30
90% 0.25 60
90% 0.25 90
90% 0.25 120
90% 0.25 150
90% 0.25 180
90% 0.25 210
90% 0.25 240
90% 0.25 270
90% 0.25 300
90% 0.25 330
90% 0.40 0
90% 0.40 30
90% 0.40 60
90% 0.40 90
90% 0.40 120
90% 0.40 150
90% 0.40 180
90% 0.40 210
90% 0.40 240
90% 0.40 270
90% 0.40 300
90% 0.40 330
lab
color: #ffffffの場合
30% 30 0
30% 29 21
30% 21 29
30% 0 30
30% -21 29
30% -29 21
30% -30 0
30% -29 -21
30% -21 -29
30% -0 -30
30% 21 -29
30% 29 -21
30% 60 0
30% 58 41
30% 41 58
30% 0 60
30% -41 58
30% -58 41
30% -60 0
30% -58 -41
30% -41 -58
30% -0 -60
30% 41 -58
30% 58 -41
30% 90 0
30% 88 62
30% 62 88
30% 0 90
30% -62 88
30% -88 62
30% -90 0
30% -88 -62
30% -62 -88
30% -0 -90
30% 62 -88
30% 88 -62
60% 30 0
60% 29 21
60% 21 29
60% 0 30
60% -21 29
60% -29 21
60% -30 0
60% -29 -21
60% -21 -29
60% -0 -30
60% 21 -29
60% 29 -21
60% 60 0
60% 58 41
60% 41 58
60% 0 60
60% -41 58
60% -58 41
60% -60 0
60% -58 -41
60% -41 -58
60% -0 -60
60% 41 -58
60% 58 -41
60% 90 0
60% 88 62
60% 62 88
60% 0 90
60% -62 88
60% -88 62
60% -90 0
60% -88 -62
60% -62 -88
60% -0 -90
60% 62 -88
60% 88 -62
90% 30 0
90% 29 21
90% 21 29
90% 0 30
90% -21 29
90% -29 21
90% -30 0
90% -29 -21
90% -21 -29
90% -0 -30
90% 21 -29
90% 29 -21
90% 60 0
90% 58 41
90% 41 58
90% 0 60
90% -41 58
90% -58 41
90% -60 0
90% -58 -41
90% -41 -58
90% -0 -60
90% 41 -58
90% 58 -41
90% 90 0
90% 88 62
90% 62 88
90% 0 90
90% -62 88
90% -88 62
90% -90 0
90% -88 -62
90% -62 -88
90% -0 -90
90% 62 -88
90% 88 -62
color: #000000の場合
30% 30 0
30% 29 21
30% 21 29
30% 0 30
30% -21 29
30% -29 21
30% -30 0
30% -29 -21
30% -21 -29
30% -0 -30
30% 21 -29
30% 29 -21
30% 60 0
30% 58 41
30% 41 58
30% 0 60
30% -41 58
30% -58 41
30% -60 0
30% -58 -41
30% -41 -58
30% -0 -60
30% 41 -58
30% 58 -41
30% 90 0
30% 88 62
30% 62 88
30% 0 90
30% -62 88
30% -88 62
30% -90 0
30% -88 -62
30% -62 -88
30% -0 -90
30% 62 -88
30% 88 -62
60% 30 0
60% 29 21
60% 21 29
60% 0 30
60% -21 29
60% -29 21
60% -30 0
60% -29 -21
60% -21 -29
60% -0 -30
60% 21 -29
60% 29 -21
60% 60 0
60% 58 41
60% 41 58
60% 0 60
60% -41 58
60% -58 41
60% -60 0
60% -58 -41
60% -41 -58
60% -0 -60
60% 41 -58
60% 58 -41
60% 90 0
60% 88 62
60% 62 88
60% 0 90
60% -62 88
60% -88 62
60% -90 0
60% -88 -62
60% -62 -88
60% -0 -90
60% 62 -88
60% 88 -62
90% 30 0
90% 29 21
90% 21 29
90% 0 30
90% -21 29
90% -29 21
90% -30 0
90% -29 -21
90% -21 -29
90% -0 -30
90% 21 -29
90% 29 -21
90% 60 0
90% 58 41
90% 41 58
90% 0 60
90% -41 58
90% -58 41
90% -60 0
90% -58 -41
90% -41 -58
90% -0 -60
90% 41 -58
90% 58 -41
90% 90 0
90% 88 62
90% 62 88
90% 0 90
90% -62 88
90% -88 62
90% -90 0
90% -88 -62
90% -62 -88
90% -0 -90
90% 62 -88
90% 88 -62
filter: grayscale(100%)の場合
30% 30 0
30% 29 21
30% 21 29
30% 0 30
30% -21 29
30% -29 21
30% -30 0
30% -29 -21
30% -21 -29
30% -0 -30
30% 21 -29
30% 29 -21
30% 60 0
30% 58 41
30% 41 58
30% 0 60
30% -41 58
30% -58 41
30% -60 0
30% -58 -41
30% -41 -58
30% -0 -60
30% 41 -58
30% 58 -41
30% 90 0
30% 88 62
30% 62 88
30% 0 90
30% -62 88
30% -88 62
30% -90 0
30% -88 -62
30% -62 -88
30% -0 -90
30% 62 -88
30% 88 -62
60% 30 0
60% 29 21
60% 21 29
60% 0 30
60% -21 29
60% -29 21
60% -30 0
60% -29 -21
60% -21 -29
60% -0 -30
60% 21 -29
60% 29 -21
60% 60 0
60% 58 41
60% 41 58
60% 0 60
60% -41 58
60% -58 41
60% -60 0
60% -58 -41
60% -41 -58
60% -0 -60
60% 41 -58
60% 58 -41
60% 90 0
60% 88 62
60% 62 88
60% 0 90
60% -62 88
60% -88 62
60% -90 0
60% -88 -62
60% -62 -88
60% -0 -90
60% 62 -88
60% 88 -62
90% 30 0
90% 29 21
90% 21 29
90% 0 30
90% -21 29
90% -29 21
90% -30 0
90% -29 -21
90% -21 -29
90% -0 -30
90% 21 -29
90% 29 -21
90% 60 0
90% 58 41
90% 41 58
90% 0 60
90% -41 58
90% -58 41
90% -60 0
90% -58 -41
90% -41 -58
90% -0 -60
90% 41 -58
90% 58 -41
90% 90 0
90% 88 62
90% 62 88
90% 0 90
90% -62 88
90% -88 62
90% -90 0
90% -88 -62
90% -62 -88
90% -0 -90
90% 62 -88
90% 88 -62
oklab
color: #ffffffの場合
30% 0.15 0.00
30% 0.15 0.10
30% 0.10 0.15
30% 0.00 0.15
30% -0.10 0.15
30% -0.15 0.10
30% -0.15 0.00
30% -0.15 -0.10
30% -0.10 -0.15
30% -0.00 -0.15
30% 0.10 -0.15
30% 0.15 -0.10
30% 0.30 0.00
30% 0.29 0.21
30% 0.21 0.29
30% 0.00 0.30
30% -0.21 0.29
30% -0.29 0.21
30% -0.30 0.00
30% -0.29 -0.21
30% -0.21 -0.29
30% -0.00 -0.30
30% 0.21 -0.29
30% 0.29 -0.21
30% 0.45 0.00
30% 0.44 0.31
30% 0.31 0.44
30% 0.00 0.45
30% -0.31 0.44
30% -0.44 0.31
30% -0.45 0.00
30% -0.44 -0.31
30% -0.31 -0.44
30% -0.00 -0.45
30% 0.31 -0.44
30% 0.44 -0.31
60% 0.15 0.00
60% 0.15 0.10
60% 0.10 0.15
60% 0.00 0.15
60% -0.10 0.15
60% -0.15 0.10
60% -0.15 0.00
60% -0.15 -0.10
60% -0.10 -0.15
60% -0.00 -0.15
60% 0.10 -0.15
60% 0.15 -0.10
60% 0.30 0.00
60% 0.29 0.21
60% 0.21 0.29
60% 0.00 0.30
60% -0.21 0.29
60% -0.29 0.21
60% -0.30 0.00
60% -0.29 -0.21
60% -0.21 -0.29
60% -0.00 -0.30
60% 0.21 -0.29
60% 0.29 -0.21
60% 0.45 0.00
60% 0.44 0.31
60% 0.31 0.44
60% 0.00 0.45
60% -0.31 0.44
60% -0.44 0.31
60% -0.45 0.00
60% -0.44 -0.31
60% -0.31 -0.44
60% -0.00 -0.45
60% 0.31 -0.44
60% 0.44 -0.31
90% 0.15 0.00
90% 0.15 0.10
90% 0.10 0.15
90% 0.00 0.15
90% -0.10 0.15
90% -0.15 0.10
90% -0.15 0.00
90% -0.15 -0.10
90% -0.10 -0.15
90% -0.00 -0.15
90% 0.10 -0.15
90% 0.15 -0.10
90% 0.30 0.00
90% 0.29 0.21
90% 0.21 0.29
90% 0.00 0.30
90% -0.21 0.29
90% -0.29 0.21
90% -0.30 0.00
90% -0.29 -0.21
90% -0.21 -0.29
90% -0.00 -0.30
90% 0.21 -0.29
90% 0.29 -0.21
90% 0.45 0.00
90% 0.44 0.31
90% 0.31 0.44
90% 0.00 0.45
90% -0.31 0.44
90% -0.44 0.31
90% -0.45 0.00
90% -0.44 -0.31
90% -0.31 -0.44
90% -0.00 -0.45
90% 0.31 -0.44
90% 0.44 -0.31
color: #000000の場合
30% 0.15 0.00
30% 0.15 0.10
30% 0.10 0.15
30% 0.00 0.15
30% -0.10 0.15
30% -0.15 0.10
30% -0.15 0.00
30% -0.15 -0.10
30% -0.10 -0.15
30% -0.00 -0.15
30% 0.10 -0.15
30% 0.15 -0.10
30% 0.30 0.00
30% 0.29 0.21
30% 0.21 0.29
30% 0.00 0.30
30% -0.21 0.29
30% -0.29 0.21
30% -0.30 0.00
30% -0.29 -0.21
30% -0.21 -0.29
30% -0.00 -0.30
30% 0.21 -0.29
30% 0.29 -0.21
30% 0.45 0.00
30% 0.44 0.31
30% 0.31 0.44
30% 0.00 0.45
30% -0.31 0.44
30% -0.44 0.31
30% -0.45 0.00
30% -0.44 -0.31
30% -0.31 -0.44
30% -0.00 -0.45
30% 0.31 -0.44
30% 0.44 -0.31
60% 0.15 0.00
60% 0.15 0.10
60% 0.10 0.15
60% 0.00 0.15
60% -0.10 0.15
60% -0.15 0.10
60% -0.15 0.00
60% -0.15 -0.10
60% -0.10 -0.15
60% -0.00 -0.15
60% 0.10 -0.15
60% 0.15 -0.10
60% 0.30 0.00
60% 0.29 0.21
60% 0.21 0.29
60% 0.00 0.30
60% -0.21 0.29
60% -0.29 0.21
60% -0.30 0.00
60% -0.29 -0.21
60% -0.21 -0.29
60% -0.00 -0.30
60% 0.21 -0.29
60% 0.29 -0.21
60% 0.45 0.00
60% 0.44 0.31
60% 0.31 0.44
60% 0.00 0.45
60% -0.31 0.44
60% -0.44 0.31
60% -0.45 0.00
60% -0.44 -0.31
60% -0.31 -0.44
60% -0.00 -0.45
60% 0.31 -0.44
60% 0.44 -0.31
90% 0.15 0.00
90% 0.15 0.10
90% 0.10 0.15
90% 0.00 0.15
90% -0.10 0.15
90% -0.15 0.10
90% -0.15 0.00
90% -0.15 -0.10
90% -0.10 -0.15
90% -0.00 -0.15
90% 0.10 -0.15
90% 0.15 -0.10
90% 0.30 0.00
90% 0.29 0.21
90% 0.21 0.29
90% 0.00 0.30
90% -0.21 0.29
90% -0.29 0.21
90% -0.30 0.00
90% -0.29 -0.21
90% -0.21 -0.29
90% -0.00 -0.30
90% 0.21 -0.29
90% 0.29 -0.21
90% 0.45 0.00
90% 0.44 0.31
90% 0.31 0.44
90% 0.00 0.45
90% -0.31 0.44
90% -0.44 0.31
90% -0.45 0.00
90% -0.44 -0.31
90% -0.31 -0.44
90% -0.00 -0.45
90% 0.31 -0.44
90% 0.44 -0.31
filter: grayscale(100%)の場合
30% 0.15 0.00
30% 0.15 0.10
30% 0.10 0.15
30% 0.00 0.15
30% -0.10 0.15
30% -0.15 0.10
30% -0.15 0.00
30% -0.15 -0.10
30% -0.10 -0.15
30% -0.00 -0.15
30% 0.10 -0.15
30% 0.15 -0.10
30% 0.30 0.00
30% 0.29 0.21
30% 0.21 0.29
30% 0.00 0.30
30% -0.21 0.29
30% -0.29 0.21
30% -0.30 0.00
30% -0.29 -0.21
30% -0.21 -0.29
30% -0.00 -0.30
30% 0.21 -0.29
30% 0.29 -0.21
30% 0.45 0.00
30% 0.44 0.31
30% 0.31 0.44
30% 0.00 0.45
30% -0.31 0.44
30% -0.44 0.31
30% -0.45 0.00
30% -0.44 -0.31
30% -0.31 -0.44
30% -0.00 -0.45
30% 0.31 -0.44
30% 0.44 -0.31
60% 0.15 0.00
60% 0.15 0.10
60% 0.10 0.15
60% 0.00 0.15
60% -0.10 0.15
60% -0.15 0.10
60% -0.15 0.00
60% -0.15 -0.10
60% -0.10 -0.15
60% -0.00 -0.15
60% 0.10 -0.15
60% 0.15 -0.10
60% 0.30 0.00
60% 0.29 0.21
60% 0.21 0.29
60% 0.00 0.30
60% -0.21 0.29
60% -0.29 0.21
60% -0.30 0.00
60% -0.29 -0.21
60% -0.21 -0.29
60% -0.00 -0.30
60% 0.21 -0.29
60% 0.29 -0.21
60% 0.45 0.00
60% 0.44 0.31
60% 0.31 0.44
60% 0.00 0.45
60% -0.31 0.44
60% -0.44 0.31
60% -0.45 0.00
60% -0.44 -0.31
60% -0.31 -0.44
60% -0.00 -0.45
60% 0.31 -0.44
60% 0.44 -0.31
90% 0.15 0.00
90% 0.15 0.10
90% 0.10 0.15
90% 0.00 0.15
90% -0.10 0.15
90% -0.15 0.10
90% -0.15 0.00
90% -0.15 -0.10
90% -0.10 -0.15
90% -0.00 -0.15
90% 0.10 -0.15
90% 0.15 -0.10
90% 0.30 0.00
90% 0.29 0.21
90% 0.21 0.29
90% 0.00 0.30
90% -0.21 0.29
90% -0.29 0.21
90% -0.30 0.00
90% -0.29 -0.21
90% -0.21 -0.29
90% -0.00 -0.30
90% 0.21 -0.29
90% 0.29 -0.21
90% 0.45 0.00
90% 0.44 0.31
90% 0.31 0.44
90% 0.00 0.45
90% -0.31 0.44
90% -0.44 0.31
90% -0.45 0.00
90% -0.44 -0.31
90% -0.31 -0.44
90% -0.00 -0.45
90% 0.31 -0.44
90% 0.44 -0.31