Для указания насыщенности и светлоты цвета в CSS используется цветовая модель HSL (Hue, Saturation, Lightness). 5 Для этого применяется функция hsl(hue, saturation, lightness). 1

Параметр hue (оттенок) измеряется в градусах от 0 до 360 (0 — красный, 120 — зелёный и 240 — синий). 1

Параметр saturation (насыщенность) указывается в процентах от 0% до 100%. 4 0% означает оттенок серого, а 100% — полноценный цвет. 1

Параметр lightness (светлота) также указывается в процентах от 0% до 100%. 4 0% — чёрный, 50% — ни светлый ни тёмный, 100% — белый. 1