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