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