O tem orodju
Pretvorite barvne vrednosti HSL (Hue, Saturation, Lightness) v šestnajstiške kode. HSL je intuitiven barvni model, pri katerem je odtenek barvni kot (0–360°), nasičenost intenzivnost barve (0–100 %), svetlost pa nadzoruje, kako svetla ali temna je barva (0–100 %). Uporabno za oblikovalce, ki delajo v HSL in potrebujejo šestnajstiške kode za CSS.
Pogosta vprašanja
- Zakaj uporabljati HSL namesto hex ali RGB?
- HSL je bolj intuitiven za ljudi. Želite temnejši odtenek? Zmanjšajte lahkotnost. Želite utišano različico? Zmanjšajte nasičenost. Ta razmerja niso očitna v hex ali RGB, kjer bi morali prilagoditi vse tri kanale.
- Kaj pomeni Hue 0 proti 360?
- Tako 0° kot 360° sta rdeči – kolo za barvne odtenke se ovije. Glavni odtenki: 0° = rdeča, 60° = rumena, 120° = zelena, 180° = cian, 240° = modra, 300° = magenta.
- Kaj se zgodi pri 0% in 100% nasičenosti?
- Pri 0 % nasičenosti kateri koli odtenek postane odtenek sive (določeno samo s svetlobo). Pri 100-odstotni nasičenosti dobite najčistejšo in najbolj živo različico tega odtenka.
- Kako lahkotnost deluje?
- Svetlost 0 % je vedno črna, ne glede na odtenek/nasičenost. 100% je vedno belo. 50 % daje čisto, najbolj živahno različico barve. Vrednosti med 0-50% so temnejši odtenki, 50-100% so svetlejši odtenki.