°
%
%
Swatch Lightness Dark mode Light mode CSS hsl()
0% 0 200 hsl(180, 50%, 0%)
5% 10 190 hsl(180, 50%, 5%)
10% 20 180 hsl(180, 50%, 10%)
15% 30 170 hsl(180, 50%, 15%)
20% 40 160 hsl(180, 50%, 20%)
25% 50 150 hsl(180, 50%, 25%)
30% 60 140 hsl(180, 50%, 30%)
35% 70 130 hsl(180, 50%, 35%)
40% 80 120 hsl(180, 50%, 40%)
45% 90 110 hsl(180, 50%, 45%)
50% 100 100 hsl(180, 50%, 50%)
55% 110 90 hsl(180, 50%, 55%)
60% 120 80 hsl(180, 50%, 60%)
65% 130 70 hsl(180, 50%, 65%)
70% 140 60 hsl(180, 50%, 70%)
75% 150 50 hsl(180, 50%, 75%)
80% 160 40 hsl(180, 50%, 80%)
85% 170 30 hsl(180, 50%, 85%)
90% 180 20 hsl(180, 50%, 90%)
95% 190 10 hsl(180, 50%, 95%)
100% 200 0 hsl(180, 50%, 100%)