 | Code HSL chartreuse | hsl(90,100%,50%) hsla(90,100%,50%,1) |
|---|---|---|
| Pourcentage de teinte | 25 % | |
| Pourcentage de saturation | 100 % | |
| Pourcentage de luminosité | 50 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | chartreuse / vert chartreuse |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur chartreuse 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 chartreuse HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code chartreuse HSL: hsl(90,100%,50%)
La couleur chartreuse en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur chartreuse HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code chartreuse HSLA (avec alpha transparence): hsla(90,100%,50%,1)
Ajouter une transparence au code HSL chartreuse Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL chartreuse CSS sans Alpha */
color : hsl(90,100%,50%);
border-color : hsl(90,100%,50%);
background-color : hsl(90,100%,50%);
/* Code couleur HSL chartreuse CSS avec Alpha */
color : hsla(90,100%,50%,1);
outline-color : hsla(90,100%,50%,1);
text-decoration-color : hsla(90,100%,50%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.76032025902623 |
| Couleur chartreuse mise en niveau gris | hsl(0,0%,88%) |
| Couleur complémentaire de chartreuse | hsl(270,100%,50%) |
La couleur HTML chartreuse a pour luminosité relative de 0.76032025902623.
La couleur HTML chartreuse a pour la couleur complémentaire hsl(270,100%,50%).
La couleur HTML chartreuse a pour luminosité relative de hsl(0,0%,88%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| chartreuse | hsl(90,100%,50%) | vert chartreuse |
| lawngreen | hsl(90,100%,49%) | vert pelouse |
| darkolivegreen | hsl(82,39%,30%) | vert olive foncé |
| darkgreen | hsl(120,100%,20%) | vert foncé |
| greenyellow | hsl(84,100%,59%) | vert jaune |
| olive | hsl(60,100%,25%) | olive |
| lime | hsl(120,100%,50%) | citron vert |
| mediumseagreen | hsl(147,50%,47%) | vert d'eau moyen |
| forestgreen | hsl(120,61%,34%) | vert forêt |
| yellowgreen | hsl(80,61%,50%) | jaune vert |