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