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