Конвертор от RGB в HSL
Конвертирайте RGB в HSL в реално време, докато пишете — безплатно, незабавно, с практически пример и таблица с често срещани цветове.
Въведете RGB стойност и вижте съответната HSL стойност под нея, или изберете цвят от палитрата.
Практически пример
RGB 255, 87, 51 = HSL 11, 100%, 60%
Как работи конвертирането
- HSL описва същия цвят чрез неговия нюанс (hue, 0–360° на цветното колело), наситеност (saturation) и осветеност (lightness) — изключително удобно за потъмняване или десатуриране на цвят чрез промяна на само един компонент.
Често срещани цветове в 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 и дизайнерските инструменти. Разликата е далеч под прага на доловимото за човешкото око.