Gli ultimi tutorial di sviluppo web
 

Colors HSL


Calcolatrice HSL


rgb (255, 0, 0)
# ff0000


H:
S:
L:

HSL Colori

valori di colore HSL sono supportati in IE9 +, Firefox, Chrome, Safari, Opera e 10+.

HSL è sinonimo di tonalità, saturazione e luminosità.

Valori di colore HSL vengono specificati con: hsl( hue , saturation , lightness ) .


colore

Hue è un grado sulla ruota dei colori da 0 a 360. 0 è di colore rosso, 120 è verde, 240 è blu.


Saturazione

La saturazione è un valore percentuale; 0% significa una tonalità di grigio e 100% è il colore pieno.


Leggerezza

La leggerezza è anche una percentuale; 0% è nero, il 100% è bianco.


Prova tu stesso

valori di colore HSL sono supportati in tutti i principali browser.

Esempio

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

Prova tu stesso "