x
<html><body><h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1><h1 style="background-color:hsl(0, 80%, 50%);">hsl(0, 80%, 50%)</h1><h1 style="background-color:hsl(0, 60%, 50%);">hsl(0, 60%, 50%)</h1><h1 style="background-color:hsl(0, 40%, 50%);">hsl(0, 40%, 50%)</h1><h1 style="background-color:hsl(0, 20%, 50%);">hsl(0, 20%, 50%)</h1><h1 style="background-color:hsl(0, 0%, 50%);">hsl(0, 0%, 50%)</h1><p>З HSL кольорами меньша насиченість означає меньше кольору. 0% повністю сірий.</p></body></html>