La format de format de couleur
hsl et
hsla sont des nouveaux formats qui commencent a être interprété vers 2010.
Vous pouvez spécifier une couleur en css en utilisant le format de couleur
hsl ou
hsla :
Exemple de code :
.couleur { color: hsl(240, 100%, 50%) }
Exemple de code :
.couleur { color: hsla(240, 100%, 50%, 0.6) }
hsl est l'abréviation de "Hue, Saturation, Lightness" soit en français "Teinte, Saturation, Luminosité".
hsla est l'abréviation de "Hue, Saturation, Lightness, Alpha" soit en français "Teinte, Saturation, Luminosité, Transparence".
hsl accepte
3 valeurs entières dans l'ordre cité:
- une valeur entière comprise entre 0 et 360 l'unité est le degré, représente la teinte.
- une valeur entière comprise entre 0 et 100 l'unité est le pourcentage, représente la saturation.
- une valeur entière comprise entre 0 et 100 l'unité est le pourcentage, représente la luminosité.
hsla accepte
les 3 valeurs ci-dessus et une valeur comprise entre 0 (totalement transparent) et 1(totalement opaque).
Compatibilité navigateurs :
- Internet Explorer >=9.0
- Firefox >=3.0,
- Chrome >=1.0,
- Opera >=10.0,
- Safari >=3.1.