Конвертер из HEX в HSL
Конвертируйте HEX в HSL на лету — бесплатно, мгновенно, с подробным примером расчета и таблицей популярных цветов.
Введите значение HEX, чтобы увидеть результат в HSL ниже, или выберите цвет на палитре.
Пример расчета
HEX #ff5733 = HSL 11, 100%, 60%
Как работает конвертация
- Код HEX — это те же три канала RGB, записанные в шестнадцатеричной системе счисления: по две цифры на канал, от 00 (0) до ff (255).
- HSL описывает тот же цвет через цветовой тон (от 0 до 360° на цветовом круге), насыщенность и светлоту. Это удобно, когда нужно сделать цвет темнее или бледнее, изменив всего один параметр.
Популярные цвета в форматах HEX и HSL
| Цвет | HEX | HSL |
|---|---|---|
| Красный | #ff0000 | 0, 100%, 50% |
| Оранжевый | #ffa500 | 39, 100%, 50% |
| Желтый | #ffff00 | 60, 100%, 50% |
| Зеленый | #008000 | 120, 100%, 25% |
| Голубой | #00ffff | 180, 100%, 50% |
| Синий | #0000ff | 240, 100%, 50% |
| Фиолетовый | #800080 | 300, 100%, 25% |
| Розовый | #ffc0cb | 350, 100%, 88% |
| Коричневый | #a52a2a | 0, 59%, 41% |
| Белый | #ffffff | 0, 0%, 100% |
| Серый | #808080 | 0, 0%, 50% |
| Черный | #000000 | 0, 0%, 0% |
Каждое преобразование выполняется в вашем браузере. Никакие вводимые данные не отправляются на BroBroGo.
Часто задаваемые вопросы
Как конвертировать HEX в HSL?
Введите или вставьте значение HEX выше — значение HSL обновится автоматически по мере ввода. Вы также можете выбрать цвет визуально с помощью палитры.
Является ли конвертация точной?
Значения округляются до целых чисел — именно в таком формате их ожидают CSS и графические редакторы. Разница округления находится далеко за пределами возможностей человеческого зрения.