Les formats des codes couleurs Web pour la couleur deepskyblue (bleu ciel profond).
Il existe plusieurs manières de spécifier la couleur "deepskyblue" ou "bleu ciel profond" en CSS ou HTML, la plus classique est le code de couleur Hexadécimalcolor : #00BFFF ou moins classique le code couleur nommécolor : deepskyblue.
Le code couleur RGB (Red Green Blue ou Rouge Vert Bleu) color : rgb(0,191,255) ainsi que le code couleur HSL (Hue Saturation Lightness ou Teinte Saturation Luminosité) color : hsl(195,100%,50%) ont été définies en Css2, Css3 et sont acceptés sur les navigateurs depuis quelques années maintenant.
Quelques exemples de codes couleurs Web de la même gamme que la couleur deepskyblue :
Exemple de couleurs Web, Css et Html proches de la couleur Web deepskyblue
Nom
code Hexa.
code RGB
code HSL
deepskyblue
#00BFFF
rgb(0,191,255)
hsl(195,100%,50%)
lightsteelblue
#B0C4DE
rgb(176,196,222)
hsl(214,41%,78%)
powderblue
#B0E0E6
rgb(176,224,230)
hsl(187,52%,80%)
lightblue
#ADD8E6
rgb(173,216,230)
hsl(195,53%,79%)
skyblue
#87CEEB
rgb(135,206,235)
hsl(197,71%,73%)
lightskyblue
#87CEFA
rgb(135,206,250)
hsl(203,92%,75%)
dodgerblue
#1E90FF
rgb(30,144,255)
hsl(210,100%,56%)
cornflowerblue
#6495ED
rgb(100,149,237)
hsl(219,79%,66%)
steelblue
#4682B4
rgb(70,130,180)
hsl(207,44%,49%)
royalblue
#4169E1
rgb(65,105,225)
hsl(225,73%,57%)
Quelques informations complémentaires
pour la couleur deepskyblue :
Libellé
code Hexa.
code RGB
code HSL
Luminosité relative
0.44481603395575
Couleur mise en niveau gris
#B1B1B1
rgb(177,177,177)
hsl(0,0%,69%)
Couleur complémentaire
#FF4000
rgb(255,64,0)
hsl(15,100%,50%)
L'Accessibilité Web et le contraste entre deux couleurs
Pour l'Accessibilité Web vous devez faire en sorte que le contraste entre la couleur d'un texte et la couleur de son arrière-plan soit suffisamment grand pour que le texte soit correctement lu par une personne affectée par une perception des couleurs déficiente. Les règles sont définîtes dans les recommandations WCAG 2.0.
Tester le contraste entre deux couleurs
Le tableau ci-dessous, vous montre si le contrate d'un texte en blanc ou en noir sur un arrière-plan de couleur #00BFFF passe les règles 1.4.3 ou 1.4.6 du WCAG 2.0.
Couleur texte
Exemple
Règles 1.4.3(2) et 1.4.6(4)
Règles 1.4.3(1) et 1.4.6(3)
Texte noir Ratio : 9.9:1
Texte noir
WCAG AA (4.5:1): PasseWCAG AAA (7:1) : Passe
WCAG AA (3:1) : PasseWCAG AAA (4.5:1) : Passe
Texte blanc Ratio : 2.1:1
Texte blanc
WCAG AA (4.5:1): EchecWCAG AAA (7:1) : Echec
WCAG AA (3:1) : EchecWCAG AAA (4.5:1) : Echec
Rechercher un code couleur prédéfinie Web.
Codes CSS avec la couleur hsl(195, 100%, 50%)(deepskyblue).
.textcolor { color : hsl(195, 100%, 50%); }
.bordercolor { border : 5px solid hsl(195, 100%, 50%); }
.backgroundcolor { background-color : hsl(195, 100%, 50%); }
.trianglecolor { display : inline-block; height : 0; width : 0; border-right : 7px solid transparent; border-bottom : 14px solid hsl(195, 100%, 50%);border-left : 8px solid transparent;} La couleur Css de ce texte est hsl(195, 100%, 50%)
Ma classe est ".textcolor" La couleur CSS de la bordure est hsl(195, 100%, 50%)
Ma classe est ".bordercolor" La couleur Css de l'arrière plan est hsl(195, 100%, 50%)
Ma classe est ".backgroundcolor"
Triangle de couleur CSS hsl(195, 100%, 50%)
Ma classe est ".trianglecolor"
Palette Rouge de 9 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Roses prédéfinies
Palette Rose de 6 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Oranges prédéfinies
Palette Orange de 6 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Jaunes prédéfinies
Palette Jaune de 10 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Violettes prédéfinies
Palette Violette de 18 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Vertes prédéfinies
Palette Verte de 20 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Cyans prédéfinies
Palette Cyan de 12 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Bleues prédéfinies
Palette Bleue de 15 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue, dans la même gamme colorée que la couleur deepskyblue.
Nuancier de couleurs Web / Css Marrons prédéfinies
Palette Marron de 17 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Blanches prédéfinies
Palette Blanche de 17 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.
Nuancier de couleurs Web / Css Grises prédéfinies
Palette Grise de 10 couleurs CSS prédéfinies Web au format RGB : rgb(), Hexadécimal : #......, HSL : hsl() et Nommé : deepskyblue.