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