Конвертер RGB у HSL
Конвертуйте RGB у HSL під час введення — безкоштовно, миттєво, з наочним прикладом та таблицею поширених кольорів.
Введіть значення RGB, щоб побачити результат HSL під ним, або виберіть колір на палітрі.
Приклад конвертації
RGB 255, 87, 51 = HSL 11, 100%, 60%
Як працює конвертація
- HSL описує той самий колір через тон (від 0 до 360° на колірному колі), насиченість та світлоту. Це зручно для затемнення або зменшення насиченості кольору шляхом зміни лише одного компонента.
Популярні кольори у RGB та HSL
| Колір | RGB | HSL |
|---|---|---|
| Червоний | 255, 0, 0 | 0, 100%, 50% |
| Помаранчевий | 255, 165, 0 | 39, 100%, 50% |
| Жовтий | 255, 255, 0 | 60, 100%, 50% |
| Зелений | 0, 128, 0 | 120, 100%, 25% |
| Блакитний (Ціан) | 0, 255, 255 | 180, 100%, 50% |
| Синій | 0, 0, 255 | 240, 100%, 50% |
| Фіолетовий | 128, 0, 128 | 300, 100%, 25% |
| Рожевий | 255, 192, 203 | 350, 100%, 88% |
| Коричневий | 165, 42, 42 | 0, 59%, 41% |
| Білий | 255, 255, 255 | 0, 0%, 100% |
| Сірий | 128, 128, 128 | 0, 0%, 50% |
| Чорний | 0, 0, 0 | 0, 0%, 0% |
Усі розрахунки виконуються у вашому браузері. Введені дані не надсилаються на BroBroGo.
Поширені запитання
Як конвертувати RGB у HSL?
Введіть або вставте значення RGB вище — значення HSL оновлюватиметься автоматично під час введення. Ви також можете вибрати колір візуально за допомогою палітри.
Чи є конвертація точною?
Значення округлюються до цілих чисел — саме так, як цього очікують CSS та інструменти дизайну. Різниця залишається далеко поза межами того, що здатне розрізнити людське око.