RGB ↔ HSL
Перевод между RGB и HSL
Параметры цвета
RGB
HSL
HSL
hsl(263, 70%, 50%)
Тон (H)
263°
Насыщенность (S)
70%
Светлота (L)
50%
О цветовых моделях RGB и HSL
RGB задаёт цвет яркостью красного, зелёного и синего каналов — так его «видит» экран, но человеку рассуждать такими числами неинтуитивно. Модель HSL описывает тот же цвет через понятные характеристики: тон (Hue) — положение на цветовом круге, насыщенность (Saturation) и светлоту (Lightness).
HSL удобна именно для осмысленной правки цвета: чтобы сделать оттенок светлее или приглушённее, достаточно изменить один параметр, не трогая сам тон. Поэтому дизайнеры часто подбирают палитры и состояния элементов (наведение, нажатие) в HSL, а в код отдают значения в RGB или HEX.
Конвертер переводит цвет между RGB и HSL — это удобно при создании палитр, настройке тем оформления и тонкой работе с оттенками.