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