x
<html><body><h1>Shades of gray</h1><p>With HSL, shades of gray are made by setting the saturation to 0%, and adjusting the lightness from 0% to 100%:</p><h2 style="background-color:hsl(0, 0%, 0%);">hsl(0, 0%, 0%)</h2><h2 style="background-color:hsl(0, 0%, 24%);">hsl(0, 0%, 24%)</h2><h2 style="background-color:hsl(0, 0%, 47%);">hsl(0, 0%, 47%)</h2><h2 style="background-color:hsl(0, 0%, 71%);">hsl(0, 0%, 71%)</h2><h2 style="background-color:hsl(0, 0%, 94%);">hsl(0, 0%, 94%)</h2><h2 style="background-color:hsl(0, 0%, 100%);">hsl(0, 0%, 100%)</h2></body></html>