 | Code HSL orchid | hsl(302,59%,65%) hsla(302,59%,65%,1) |
|---|---|---|
| Pourcentage de teinte | 84 % | |
| Pourcentage de saturation | 59 % | |
| Pourcentage de luminosité | 65 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | orchid / rouge orchidée |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur orchid 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 orchid HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code orchid HSL: hsl(302,59%,65%)
La couleur orchid en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur orchid HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code orchid HSLA (avec alpha transparence): hsla(302,59%,65%,1)
Ajouter une transparence au code HSL orchid Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL orchid CSS sans Alpha */
color : hsl(302,59%,65%);
border-color : hsl(302,59%,65%);
background-color : hsl(302,59%,65%);
/* Code couleur HSL orchid CSS avec Alpha */
color : hsla(302,59%,65%,1);
outline-color : hsla(302,59%,65%,1);
text-decoration-color : hsla(302,59%,65%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.31348806761439 |
| Couleur orchid mise en niveau gris | hsl(0,0%,59%) |
| Couleur complémentaire de orchid | hsl(122,59%,65%) |
La couleur HTML orchid a pour luminosité relative de 0.31348806761439.
La couleur HTML orchid a pour la couleur complémentaire hsl(122,59%,65%).
La couleur HTML orchid a pour luminosité relative de hsl(0,0%,59%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| orchid | hsl(302,59%,65%) | rouge orchidée |
| thistle | hsl(300,24%,80%) | rouge chardon |
| darkviolet | hsl(282,100%,41%) | violet foncé |
| darkslateblue | hsl(248,39%,39%) | bleu ardoise foncé |
| darkmagenta | hsl(300,100%,27%) | rouge magenta foncé |
| mediumorchid | hsl(288,59%,58%) | rouge orchidée moyen |
| mediumslateblue | hsl(249,80%,67%) | bleu ardoise moyen |
| lavender | hsl(240,67%,94%) | lavande |
| mediumpurple | hsl(260,60%,65%) | rouge pourpre moyen |
| blueviolet | hsl(271,76%,53%) | bleu violet |