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