Pretvarač iz HEX u HSL
Pretvorite HEX u HSL dok pišete — besplatno, trenutno, uz praktičan primjer i tablicu uobičajenih boja.
Upišite HEX vrijednost i pročitajte HSL vrijednost ispod nje, ili odaberite boju iz palete.
Praktičan primjer
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX i HSL
| Boja | HEX | HSL |
|---|---|---|
| Crvena | #ff0000 | 0, 100%, 50% |
| Narančasta | #ffa500 | 39, 100%, 50% |
| Žuta | #ffff00 | 60, 100%, 50% |
| Zelena | #008000 | 120, 100%, 25% |
| Cijan | #00ffff | 180, 100%, 50% |
| Plava | #0000ff | 240, 100%, 50% |
| Ljubičasta | #800080 | 300, 100%, 25% |
| Ružičasta | #ffc0cb | 350, 100%, 88% |
| Smeđa | #a52a2a | 0, 59%, 41% |
| Bijela | #ffffff | 0, 0%, 100% |
| Siva | #808080 | 0, 0%, 50% |
| Crna | #000000 | 0, 0%, 0% |
Svaka se pretvorba izvodi u Vašem pregledniku. Ništa što unesete ne šalje se na BroBroGo.
Česta pitanja
Kako pretvoriti HEX u HSL?
Upišite ili zalijepite svoju HEX vrijednost iznad — HSL 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.