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