 | Code HSL lightslategray | hsl(210,14%,53%) hsla(210,14%,53%,1) |
|---|---|---|
| Pourcentage de teinte | 58 % | |
| Pourcentage de saturation | 14 % | |
| Pourcentage de luminosité | 53 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | lightslategray / gris ardoise clair |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur lightslategray HSL. Le code HSL détaille la quantité de teinte (Hue), de saturation (Saturation) et de luminosité (Lightness) qui constitue votre couleur.
La teinte (Hue) représente la couleur et sa quantité est un chiffre en degrés d'angle.
La saturation (Saturation) correspond à la pureté de la couleur et sa quantité est un chiffre pourcentage compris entre 0 et 100.
La luminosité (Lightness) quantifier la lumière dans la teinte et sa quantité est un chiffre pourcentage compris entre 0 et 100.
Le code couleur lightslategray HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code lightslategray HSL: hsl(210,14%,53%)
La couleur lightslategray en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur lightslategray HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code lightslategray HSLA (avec alpha transparence): hsla(210,14%,53%,1)
Ajouter une transparence au code HSL lightslategray Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL lightslategray CSS sans Alpha */
color : hsl(210,14%,53%);
border-color : hsl(210,14%,53%);
background-color : hsl(210,14%,53%);
/* Code couleur HSL lightslategray CSS avec Alpha */
color : hsla(210,14%,53%,1);
outline-color : hsla(210,14%,53%,1);
text-decoration-color : hsla(210,14%,53%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.23830165007287 |
| Couleur lightslategray mise en niveau gris | hsl(0,0%,52%) |
| Couleur complémentaire de lightslategray | hsl(30,14%,53%) |
La couleur HTML lightslategray a pour luminosité relative de 0.23830165007287.
La couleur HTML lightslategray a pour la couleur complémentaire hsl(30,14%,53%).
La couleur HTML lightslategray a pour luminosité relative de hsl(0,0%,52%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| lightslategray lightslategrey | hsl(210,14%,53%) | gris ardoise clair |
| darkslategray darkslategrey | hsl(180,25%,25%) | gris ardoise foncé |
| gray grey | hsl(0,0%,50%) | gris |
| dimgray dimgrey | hsl(0,0%,41%) | gris mat |
| darkgray darkgrey | hsl(0,0%,66%) | gris très foncé |
| lightgray lightgrey | hsl(0,0%,83%) | gris clair |
| gainsboro | hsl(0,0%,86%) | gris étain |
| silver | hsl(0,0%,75%) | gris argent |
| black | hsl(0,0%,0%) | noir |
| slategray slategrey | hsl(210,13%,50%) | gris ardoise |