 | Code HSL lawngreen | hsl(90,100%,49%) hsla(90,100%,49%,1) |
|---|---|---|
| Pourcentage de teinte | 25 % | |
| Pourcentage de saturation | 100 % | |
| Pourcentage de luminosité | 49 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | lawngreen / vert pelouse |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur lawngreen 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 lawngreen HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code lawngreen HSL: hsl(90,100%,49%)
La couleur lawngreen en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur lawngreen HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code lawngreen HSLA (avec alpha transparence): hsla(90,100%,49%,1)
Ajouter une transparence au code HSL lawngreen Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL lawngreen CSS sans Alpha */
color : hsl(90,100%,49%);
border-color : hsl(90,100%,49%);
background-color : hsl(90,100%,49%);
/* Code couleur HSL lawngreen CSS avec Alpha */
color : hsla(90,100%,49%,1);
outline-color : hsla(90,100%,49%,1);
text-decoration-color : hsla(90,100%,49%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.73905893124963 |
| Couleur lawngreen mise en niveau gris | hsl(0,0%,87%) |
| Couleur complémentaire de lawngreen | hsl(270,100%,49%) |
La couleur HTML lawngreen a pour luminosité relative de 0.73905893124963.
La couleur HTML lawngreen a pour la couleur complémentaire hsl(270,100%,49%).
La couleur HTML lawngreen a pour luminosité relative de hsl(0,0%,87%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| lawngreen | hsl(90,100%,49%) | vert pelouse |
| yellowgreen | hsl(80,61%,50%) | jaune vert |
| limegreen | hsl(120,61%,50%) | vert citron |
| mediumspringgreen | hsl(157,100%,49%) | vert printanier moyen |
| lightgreen | hsl(120,73%,75%) | vert clair |
| palegreen | hsl(120,93%,79%) | vert pâle |
| olive | hsl(60,100%,25%) | olive |
| lime | hsl(120,100%,50%) | citron vert |
| mediumseagreen | hsl(147,50%,47%) | vert d'eau moyen |
| green | hsl(120,100%,25%) | vert |