Что такое HSL? Работа с тоном, насыщенностью и светлотой

HSL описывает цвет тремя значениями: тон (Hue), насыщенность (Saturation) и светлота (Lightness). Тон — это угол от 0 до 360°, а насыщенность и светлота выражаются в 0–100%.

Изменение только тона смещает оттенок; снижение насыщенности приближает к серому, а повышение светлоты — к белому. Это близко к тому, как люди интуитивно настраивают цвет, что делает его удобным для создания палитр.

Например, пошаговое изменение только светлоты цвета создаёт естественную палитру оттенков и тонов. Инструмент палитры выше использует именно этот принцип.