HSL table

0° Reds

background-color: hsl(0, SATURATION, LIGHTNESS);

30° Red-Yellows (Oranges)

background-color: hsl(30, SATURATION, LIGHTNESS);

60° Yellows

background-color: hsl(60, SATURATION, LIGHTNESS);

90° Yellow-Greens

background-color: hsl(90, SATURATION, LIGHTNESS);

120° Greens

background-color: hsl(120, SATURATION, LIGHTNESS);

150° Green-Cyans

background-color: hsl(150, SATURATION, LIGHTNESS);

180° Cyans

background-color: hsl(180, SATURATION, LIGHTNESS);

210° Cyan-Blues

background-color: hsl(210, SATURATION, LIGHTNESS);

240° Blues

background-color: hsl(240, SATURATION, LIGHTNESS);

270° Blue-Magentas

background-color: hsl(270, SATURATION, LIGHTNESS);

300° Magentas

background-color: hsl(300, SATURATION, LIGHTNESS);

330° Magenta-Reds

background-color: hsl(330, SATURATION, LIGHTNESS);