Конвертер HSL у HEX
Конвертуйте HSL у HEX під час введення — безкоштовно, миттєво, з наочним прикладом та таблицею поширених кольорів.
Введіть значення HSL, щоб побачити результат HEX під ним, або виберіть колір на палітрі.
Приклад конвертації
HSL 11, 100%, 60% = HEX #ff5733
Як працює конвертація
- Код HEX — це ті самі три канали RGB, записані в 16-ковій системі числення: по дві цифри на канал, від 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 та інструменти дизайну. Різниця залишається далеко поза межами того, що здатне розрізнити людське око.