 | Code HSL fuchsia | hsl(300,100%,50%) hsla(300,100%,50%,1) |
|---|---|---|
| Pourcentage de teinte | 83 % | |
| Pourcentage de saturation | 100 % | |
| Pourcentage de luminosité | 50 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | fuchsia / rouge fuchsia |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur fuchsia 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 fuchsia HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code fuchsia HSL: hsl(300,100%,50%)
La couleur fuchsia en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur fuchsia HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code fuchsia HSLA (avec alpha transparence): hsla(300,100%,50%,1)
Ajouter une transparence au code HSL fuchsia Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL fuchsia CSS sans Alpha */
color : hsl(300,100%,50%);
border-color : hsl(300,100%,50%);
background-color : hsl(300,100%,50%);
/* Code couleur HSL fuchsia CSS avec Alpha */
color : hsla(300,100%,50%,1);
outline-color : hsla(300,100%,50%,1);
text-decoration-color : hsla(300,100%,50%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.2848 |
| Couleur fuchsia mise en niveau gris | hsl(0,0%,56%) |
| Couleur complémentaire de fuchsia | hsl(120,100%,50%) |
La couleur HTML fuchsia a pour luminosité relative de 0.2848.
La couleur HTML fuchsia a pour la couleur complémentaire hsl(120,100%,50%).
La couleur HTML fuchsia a pour luminosité relative de hsl(0,0%,56%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| fuchsia | hsl(300,100%,50%) | rouge fuchsia |
| plum | hsl(300,47%,75%) | rouge prune |
| thistle | hsl(300,24%,80%) | rouge chardon |
| mediumorchid | hsl(288,59%,58%) | rouge orchidée moyen |
| violet | hsl(300,76%,72%) | violet |
| darkslateblue | hsl(248,39%,39%) | bleu ardoise foncé |
| blueviolet | hsl(271,76%,53%) | bleu violet |
| darkorchid | hsl(280,61%,50%) | rouge orchidée foncé |
| indigo | hsl(275,100%,25%) | rouge indigo |
| darkmagenta | hsl(300,100%,27%) | rouge magenta foncé |