Конвертор из HSL у HEX

Претворите HSL у HEX док куцате — бесплатно, тренутно, уз практичан пример и табелу уобичајених боја.

Упишите HSL вредност и прочитајте HEX вредност испод ње, или изаберите боју из палете.

Изаберите боју или унесите вредност у било ком формату.

Практичан пример

HSL 11, 100%, 60% = HEX #ff5733

Како конверзија функционише

  • HEX код представља иста три RGB канала записана у хексадецималном систему (основа 16): две цифре по каналу, од 00 (0) до ff (255).
  • HSL описује исту боју помоћу нијансе (hue, 0–360° на точку боја), засићености (saturation) и осветљености (lightness) — што је практично за потамњивање или посветљивање боје променом само једне компоненте.

Уобичајене боје у HSL и HEX

БојаHSLHEX
Црвена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 и дизајнерски алати. Разлика је далеко испод границе коју људско око може да примети.