Calculatrice HSL
rgb (255, 0, 0)
# ff0000
H:
S:
L:
HSL Couleurs
les valeurs de couleur HSL sont pris en charge dans IE9 +, Firefox, Chrome, Safari, Opera et 10+.
HSL représente la teinte, la saturation et la légèreté.
Les valeurs de couleur HSL sont spécifiés avec: hsl( hue , saturation , lightness ) .
Teinte
Hue est un degré sur la roue de couleur 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 couleur.
Légèreté
Légèreté est également un pourcentage; 0% est noir, 100% est blanc.
Essayez-le vous-même
les valeurs de couleur HSL sont pris en charge dans tous les principaux navigateurs.
Exemple
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
Try It Yourself »