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