x
CSS Barve: HSL
HSL pomeni odtenek, nasičenost in lahkotnost (ang. Hue, Saturation and Lightness). Odtenek (ang. Hue) je stopinja na barvnem kolesu od 0 do 360, kjer je 0 rdeča, 120 zelena in 240 modra barva. Nasičenost (ang. Saturation) je vrednost v odstotkih, kjer 0% pomeni odtenek sive, 100% pa celotno barvo. Tudi svetlost (ang. Lightness) se meri v odstotkih in sicer 0% je črna, 50% ni niti svetla niti temna, 100% pa predstavlja belo barvo. V CSS je mogoče barvo določiti z barvnim odtenkom, nasičenostjo in svetlostjo v HSL obliki:
style="color: hsl(0, 0%, 0%)" - črna barva
style="background-color: hsl(0, 0%, 0%)" - črno ozadje
| ime | slog | primer |
|---|---|---|
| Črna | style="background-color: hsl(0, 0%, 0%)" | |
| Bela | style="background-color: hsl(0, 0%, 100%)" | |
| Modra | style="background-color: hsl(240, 100%, 50%)" | |
| Rdeča | style="background-color: hsl(0, 100%, 50%)" | |
| Oranžna | style="background-color: hsl(39, 100%, 50%)" | |
| Rumena | style="background-color: hsl(60, 100%, 50%)" | |
| Zelena | style="background-color: hsl(120, 100%, 25%)" | |
| Siva | style="background-color: hsl(0, 0%, 50%)" | |
| Rjava | style="background-color: hsl(0, 59%, 41%)" | |
| Vijolična | style="background-color: hsl(300, 100%, 25%)" | |
| Roza | style="background-color: hsl(350, 100%, 88%)" |
