HSL Lightness

The third parameter of hsl() defines the lightness. 0% means black, and 100% means white:

hsl(0, 100%, 0%)

hsl(0, 100%, 25%)

hsl(0, 100%, 50%)

hsl(0, 100%, 75%)

hsl(0, 100%, 90%)

hsl(0, 100%, 100%)

The inline styles used on this page

<h2 style="background-color:hsl(0, 100%, 0%); color: hsl(0, 100%, 100%);">
<h2 style="background-color:hsl(0, 100%, 25%);">
<h2 style="background-color:hsl(0, 100%, 50%);">
<h2 style="background-color:hsl(0, 100%, 75%);">
<h2 style="background-color:hsl(0, 100%, 90%);">
<h2 style="background-color:hsl(0, 100%, 100%);">