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