Функция hsl() в качестве значения цвета использует три параметра: оттенок, насыщенность, яркость. Оттенок задаётся в градусах и меняется от 0 до 360. Насыщенность — это интенсивность цвета и измеряется в процентах от 0% до 100%. Светлота определяет, насколько цвет будет ярким и указывается в процентах от 0% до 100%. Например, для зелёного цвета:
div {
color: hsl(142 82% 50%);
}