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