Shades of gray

With HSL, shades of gray are made by setting the saturation to 0%, and adjusting the lightness from 0% to 100%:

hsl(0, 0%, 0%)

hsl(0, 0%, 24%)

hsl(0, 0%, 47%)

hsl(0, 0%, 71%)

hsl(0, 0%, 94%)

hsl(0, 0%, 100%)

The inline styles used on this page

<h2 style="background-color:hsl(0, 0%, 0%); color: hsl(0, 100%, 100%);">
<h2 style="background-color:hsl(0, 0%, 24%); color: hsl(0, 100%, 100%);">
<h2 style="background-color:hsl(0, 0%, 47%); color: hsl(0, 100%, 100%);">
<h2 style="background-color:hsl(0, 0%, 71%);">
<h2 style="background-color:hsl(0, 0%, 94%);">
<h2 style="background-color:hsl(0, 0%, 100%);">