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