Pretvarač iz RGB u HSL
Pretvorite RGB u HSL dok pišete — besplatno, trenutno, uz praktičan primjer i tablicu uobičajenih boja.
Upišite RGB vrijednost i pročitajte HSL vrijednost ispod nje, ili odaberite boju iz palete.
Praktičan primjer
RGB 255, 87, 51 = HSL 11, 100%, 60%
Kako pretvorba radi
- 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 RGB i HSL
| Boja | RGB | HSL |
|---|---|---|
| Crvena | 255, 0, 0 | 0, 100%, 50% |
| Narančasta | 255, 165, 0 | 39, 100%, 50% |
| Žuta | 255, 255, 0 | 60, 100%, 50% |
| Zelena | 0, 128, 0 | 120, 100%, 25% |
| Cijan | 0, 255, 255 | 180, 100%, 50% |
| Plava | 0, 0, 255 | 240, 100%, 50% |
| Ljubičasta | 128, 0, 128 | 300, 100%, 25% |
| Ružičasta | 255, 192, 203 | 350, 100%, 88% |
| Smeđa | 165, 42, 42 | 0, 59%, 41% |
| Bijela | 255, 255, 255 | 0, 0%, 100% |
| Siva | 128, 128, 128 | 0, 0%, 50% |
| Crna | 0, 0, 0 | 0, 0%, 0% |
Svaka se pretvorba izvodi u Vašem pregledniku. Ništa što unesete ne šalje se na BroBroGo.
Česta pitanja
Kako pretvoriti RGB u HSL?
Upišite ili zalijepite svoju RGB 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.