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