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