RGB-
HSL-
Конвертер RGB ↔ HSL
RGB описывает цвет через красный, зеленый и синий каналы.
HSL представляет цвет через оттенок (Hue), насыщенность (Saturation) и светлоту (Lightness), что делает подбор оттенков более удобным.
Компоненты HSL
| Компонент | Значение |
|---|---|
| H | Оттенок |
| S | Насыщенность |
| L | Светлота |
Как пользоваться
-
Введите цвет
Укажите HEX или значения каналов RGB, HSL или HSV.
-
Проверьте образец
Плашка сверху покажет выбранный оттенок.
-
Скопируйте код
Возьмите готовую строку для CSS или редактора.
Частые вопросы
Потому что изменять оттенок и насыщенность проще, чем RGB
Разработке интерфейсов, генерации палитр, создании тем оформления, программировании
Можно менять яркость и насыщенность, не сдвигая оттенок вручную
Строка hsl() или hsla() для вставки в стили
Да, альфа-канал сохраняется в четвертом параметре