Конвертор из HEX у HSL
Претворите HEX у HSL док куцате — бесплатно, тренутно, уз практичан пример и табелу уобичајених боја.
Упишите HEX вредност и прочитајте HSL вредност испод ње, или изаберите боју из палете.
Практичан пример
HEX #ff5733 = HSL 11, 100%, 60%
Како конверзија функционише
- HEX код представља иста три RGB канала записана у хексадецималном систему (основа 16): две цифре по каналу, од 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 и дизајнерски алати. Разлика је далеко испод границе коју људско око може да примети.