O ovom alatu
Pretvorite HSL (Hue, Saturation, Lightness) vrijednosti boja u heksadecimalne kodove. HSL je intuitivni model boja gdje je Hue kut boje (0-360°), Saturation je intenzitet boje (0-100%), a Lightness kontrolira koliko je boja svijetla ili tamna (0-100%). Korisno za dizajnere koji rade u HSL-u i trebaju heksadecimalne kodove za CSS.
Često postavljana pitanja
- Zašto koristiti HSL umjesto hex ili RGB?
- HSL je intuitivniji za ljude. Želite tamniju nijansu? Smanjite svjetlinu. Želite utišanu verziju? Smanjite zasićenost. Ti odnosi nisu očiti u heksadecimalnom ili RGB-u gdje biste morali prilagoditi sva tri kanala.
- Što znači Hue od 0 u odnosu na 360?
- I 0° i 360° su crvene boje — kotačić za nijansu se okreće. Glavne nijanse: 0° = crvena, 60° = žuta, 120° = zelena, 180° = cijan, 240° = plava, 300° = magenta.
- Što se događa pri zasićenju od 0% i 100%?
- Na 0% zasićenosti, svaka nijansa postaje nijansa sive (određena samo svjetlinom). Pri 100% zasićenosti dobivate najčišću, najživlju verziju te nijanse.
- Kako djeluje lakoća?
- 0% svjetline uvijek je crna bez obzira na nijansu/zasićenost. 100% je uvijek bijelo. 50% daje čistu, najživlju verziju boje. Vrijednosti između 0-50% su tamnije nijanse, 50-100% su svjetlije nijanse.