CSS · Functions and values

hsl()

Colours by hue, saturation and lightness, which is easier to tweak by hand.

cssRunnable example css course

Syntax

hsl(210 60% 50%)

Example

Try it

.demo { color: hsl(210 60% 50%); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.