 | Code HSL lightgoldenrodyellow | hsl(60,80%,90%) hsla(60,80%,90%,1) |
|---|---|---|
| Pourcentage de teinte | 17 % | |
| Pourcentage de saturation | 80 % | |
| Pourcentage de luminosité | 90 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | lightgoldenrodyellow / jaune doré clair |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur lightgoldenrodyellow 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 lightgoldenrodyellow HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code lightgoldenrodyellow HSL: hsl(60,80%,90%)
La couleur lightgoldenrodyellow en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur lightgoldenrodyellow HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code lightgoldenrodyellow HSLA (avec alpha transparence): hsla(60,80%,90%,1)
Ajouter une transparence au code HSL lightgoldenrodyellow Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL lightgoldenrodyellow CSS sans Alpha */
color : hsl(60,80%,90%);
border-color : hsl(60,80%,90%);
background-color : hsl(60,80%,90%);
/* Code couleur HSL lightgoldenrodyellow CSS avec Alpha */
color : hsla(60,80%,90%,1);
outline-color : hsla(60,80%,90%,1);
text-decoration-color : hsla(60,80%,90%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.93348351018296 |
| Couleur lightgoldenrodyellow mise en niveau gris | hsl(0,0%,97%) |
| Couleur complémentaire de lightgoldenrodyellow | hsl(240,80%,90%) |
La couleur HTML lightgoldenrodyellow a pour luminosité relative de 0.93348351018296.
La couleur HTML lightgoldenrodyellow a pour la couleur complémentaire hsl(240,80%,90%).
La couleur HTML lightgoldenrodyellow a pour luminosité relative de hsl(0,0%,97%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| lightgoldenrodyellow | hsl(60,80%,90%) | jaune doré clair |
| yellow | hsl(60,100%,50%) | jaune |
| gold | hsl(51,100%,50%) | or |
| lemonchiffon | hsl(54,100%,90%) | mousseline de citron |
| moccasin | hsl(38,100%,85%) | mocassin |
| palegoldenrod | hsl(55,67%,80%) | jaune pâle doré |
| papayawhip | hsl(37,100%,92%) | fouet de papaye |
| khaki | hsl(54,77%,75%) | kaki |
| darkkhaki | hsl(56,38%,58%) | kaki foncé |
| peachpuff | hsl(28,100%,86%) | pêche |