HSL Kalkulator
rgb (255, 0, 0)
# ff0000
H:
S:
L:
Kolory HSL
Wartości kolorów HSL są obsługiwane w IE9 +, Firefox, Chrome, Safari, Opera i 10+.
HSL oznacza odcień, nasycenie i lekkości.
Wartości kolorów HSL są określone w: hsl( hue , saturation , lightness ) .
Odcień
Barwa jest stopień na kole barw od 0 do 360. 0 jest czerwony, zielony 120, 240 jest niebieski.
Nasycenie
Nasycenie jest wartością procentową; 0% oznacza odcień szarości i 100% jest w pełnym kolorze.
Lekkość
Lekkość jest również odsetek; 0% jest czarny, 100% jest biały.
Spróbuj sam
Wartości kolorów HSL są obsługiwane we wszystkich głównych przeglądarkach.
Przykład
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
Spróbuj sam "