 | Code HSL mediumblue | hsl(240,100%,40%) hsla(240,100%,40%,1) |
|---|---|---|
| Pourcentage de teinte | 67 % | |
| Pourcentage de saturation | 100 % | |
| Pourcentage de luminosité | 40 % | |
| Pourcentage de transparence | 60 % | |
| Couleur nommée | mediumblue / bleu moyen |
Pour spécifier une couleur sur votre site, vous pouvez utiliser le format de couleur mediumblue 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 mediumblue HSLA pourrait être représenté schématiquement comme cela : HSL(H, S, L)
Exemple du code mediumblue HSL: hsl(240,100%,40%)
La couleur mediumblue en code HSL accepte aussi la possibilité d'ajouter une transparence (Alpha).
Le code de couleur mediumblue HSLA pourrait être représenté schématiquement comme cela: HSL(H, S, L, A)
Exemple du code mediumblue HSLA (avec alpha transparence): hsla(240,100%,40%,1)
Ajouter une transparence au code HSL mediumblue Convertir un code HSL et codes Hexa. ou RGB
/* Code couleur HSL mediumblue CSS sans Alpha */
color : hsl(240,100%,40%);
border-color : hsl(240,100%,40%);
background-color : hsl(240,100%,40%);
/* Code couleur HSL mediumblue CSS avec Alpha */
color : hsla(240,100%,40%,1);
outline-color : hsla(240,100%,40%,1);
text-decoration-color : hsla(240,100%,40%,1);
| Libellé | Code couleur HSL |
|---|---|
| Luminosité relative | 0.044077780212328 |
| Couleur mediumblue mise en niveau gris | hsl(0,0%,24%) |
| Couleur complémentaire de mediumblue | hsl(60,100%,40%) |
La couleur HTML mediumblue a pour luminosité relative de 0.044077780212328.
La couleur HTML mediumblue a pour la couleur complémentaire hsl(60,100%,40%).
La couleur HTML mediumblue a pour luminosité relative de hsl(0,0%,24%).
| Nom de la couleur | Code couleur HSL | Nom français |
|---|---|---|
| mediumblue | hsl(240,100%,40%) | bleu moyen |
| deepskyblue | hsl(195,100%,50%) | bleu ciel profond |
| darkblue | hsl(240,100%,27%) | bleu foncé |
| navy | hsl(240,100%,25%) | bleu marine |
| midnightblue | hsl(240,64%,27%) | bleu nuit |
| dodgerblue | hsl(210,100%,56%) | bleu Dodger |
| royalblue | hsl(225,73%,57%) | bleu roi |
| lightblue | hsl(195,53%,79%) | bleu clair |
| lightsteelblue | hsl(214,41%,78%) | bleu acier clair |
| cornflowerblue | hsl(219,79%,66%) | bleu bleuet |