Couleurs HSL


Calculateur HSL


 
RVB(255, 0, 0)
#ff0000


H :
S :
L :

Couleurs HSL

Les valeurs de couleur HSL sont prises en charge dans IE9+, Firefox, Chrome, Safari et Opera 10+.

HSL signifie teinte, saturation et luminosité.

Les valeurs de couleur HSL sont spécifiées avec : .hsl(hue, saturation, lightness)


Teinte

La teinte est un degré sur la roue chromatique de 0 à 360. 0 est rouge, 120 est vert, 240 est bleu.


Saturation

La saturation est une valeur en pourcentage ; 0 % signifie une nuance de gris et 100 % est la pleine couleur.


Légèreté

La légèreté est aussi un pourcentage ; 0% est noir, 100% est blanc.

"; } x += "" ; x += "" ; n = 0 ; for (i = 0; i "; } x += "" ; x += "" ; document.getElementById("huetable"). innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( je = 0; je "; } x += "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; pour (i = 0; je "; } x += "
" + i + "
"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

Essayez-le vous-même

Les valeurs de couleur HSL sont prises en charge dans tous les principaux navigateurs.

Exemple

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

❮ Précédent Suivant ❯