Pretvarač iz HSL u HEX
Pretvorite HSL u HEX dok pišete — besplatno, trenutno, uz praktičan primjer i tablicu uobičajenih boja.
Upišite HSL vrijednost i pročitajte HEX vrijednost ispod nje, ili odaberite boju iz palete.
Praktičan primjer
HSL 11, 100%, 60% = HEX #ff5733
Kako pretvorba radi
- HEX kod predstavlja ista tri RGB kanala zapisana u bazi 16: dvije znamenke po kanalu, od 00 (0) do ff (255).
- HSL opisuje istu boju pomoću nijanse (0–360° na krugu boja), zasićenosti i svjetline — što je praktično za potamnjivanje ili desaturaciju boje promjenom samo jedne komponente.
Uobičajene boje u formatima HSL i HEX
| Boja | HSL | HEX |
|---|---|---|
| Crvena | 0, 100%, 50% | #ff0000 |
| Narančasta | 39, 100%, 50% | #ffa500 |
| Žuta | 60, 100%, 50% | #ffff00 |
| Zelena | 120, 100%, 25% | #008000 |
| Cijan | 180, 100%, 50% | #00ffff |
| Plava | 240, 100%, 50% | #0000ff |
| Ljubičasta | 300, 100%, 25% | #800080 |
| Ružičasta | 350, 100%, 88% | #ffc0cb |
| Smeđa | 0, 59%, 41% | #a52a2a |
| Bijela | 0, 0%, 100% | #ffffff |
| Siva | 0, 0%, 50% | #808080 |
| Crna | 0, 0%, 0% | #000000 |
Svaka se pretvorba izvodi u Vašem pregledniku. Ništa što unesete ne šalje se na BroBroGo.
Česta pitanja
Kako pretvoriti HSL u HEX?
Upišite ili zalijepite svoju HSL vrijednost iznad — HEX vrijednost ažurira se dok pišete. Boju možete odabrati i vizualno pomoću palete.
Je li pretvorba točna?
Vrijednosti se zaokružuju na cijele brojeve, što je oblik koji očekuju CSS i dizajnerski alati. Razlika je daleko ispod onoga što ljudsko oko može primijetiti.