HTML HSL Colors

HSL sets a color by hue, saturation, and lightness.

HSL is written hsl(hue, saturation, lightness). Hue is a degree on the color wheel (0 to 360); saturation and lightness are percentages.

An HSL color

<!DOCTYPE html>
<html>
<body>

<h1 style="color:hsl(9, 100%, 64%);">HSL color</h1>

</body>
</html>

Note: HSL makes it easy to create variations of a color by nudging the lightness up or down.

Keep Going