HSL-
HEX-
Конвертер HSL ↔ HEX
Инструмент переводит цвет между моделью HSL и шестнадцатеричной записью HEX.
Такое преобразование удобно при работе одновременно с дизайном и CSS.
Когда это полезно
Конвертация пригодится:
- разработчикам
- дизайнерам
- верстальщикам
- при создании тем оформления
Пример
| HSL | HEX |
|---|---|
| hsl(0,100%,50%) | #FF0000 |
| hsl(120,100%,50%) | #00FF00 |
| hsl(240,100%,50%) | #0000FF |
Как пользоваться
-
Введите цвет
Укажите HEX или значения каналов RGB, HSL или HSV.
-
Проверьте образец
Плашка сверху покажет выбранный оттенок.
-
Скопируйте код
Возьмите готовую строку для CSS или редактора.
Частые вопросы
Нет. Меняется только способ записи
HSL удобен для подбора оттенка; HEX - для CSS и макетов
Семизначный или четырехзначный HEX, готовый для color: в CSS
Да, при наличии компонента L/alpha в исходном HSLA
Нет, конвертация разовая в текущей вкладке