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