RGB
HEX
HLS
HSV

Convertisseur de couleur

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

Compatibilité des codes couleurs Web non transparentes avec les navigateurs.

Le format de code couleur Web Hexadécimal pour les propriétés CSS ou les attributs HTML est reconnu par tous les navigateurs. Certaines couleurs Web Hexadécimal sont associée à un nom qui correspnd au format de code couleur Nommé. Je vous conseille de ne pas utiliser le format de code couleur Nommé car certains noms sont plus ou moins récents, c'est le cas de la couleur prédéfinie "rebeccapurple" qui est apparue dans le brouillon des spécifiCcations CSS4 en 2017.

Si le code couleur Web RGB ou HSL n'est pas reconnu par le navigateur alors, votre couleur ne sera pas interprétée. Vous risquez de vous retrouver dans des situations embarassantes si vous mélanger les codes couleurs Web. L'exemple ci-dessous pause problème sous le navigateur Internet Explorer < 9+. Le fond est blanc par défaut car le format couleur HSL n'est pas interprété et le texte sera aussi blanc.color : #fff;
background-color : hsl(199,59%,47%);

Compatibilité des couleurs Web transparentes avec les navigateurs.

Le format de code couleur Nommée avec transparence n'existe pas pour le web.
(*)Dans les futurs spécifications CSS4, le format de code couleur Hexadécimal acceptera en fin de code un alpha background-color : #00ffff77;. A ce jour (10/2016), aucun navigateur ne le reconnait.
Pour information, Internet Explorer utilise le format de code couleur Hexadécimal avec un alpha mais au début pour la propriété Css propriétaire Filter.

filter: progid:DXImageTransform.Microsoft.gradient(
 startColorstr='#69f1e767', endColorstr='#feb645', GradientType=0
);

Si le format de code couleur avec transparence RGBA ou HSLA n'est pas reconnu par le navigateur alors, votre couleur ne sera pas interprétée.
En règle générale, on fait précéder la couleur avec Alpha par une couleur non Alpha.background-color : #3191be;
background-color : hsl(199,59%,47%,0.25);

 

Convertisseur de couleurs

Note importante: il peut arriver que certains navigateurs ne fonctionnent pas (mise à jours non faite, incompatible). Prenez alors Firefox qui fonctionne.

Nhésitez pas à nous aider en partageant cet outil  sur les réseaux sociaux ci-dessous:


Mahcbrod

Admin / Informaticien

Polyvalents en informatique, multiples fonctions de l'hardware à la programmation et à la formation pédagogique du public....

Cookies!

Nous utilisons des cookies pour nous assurer que nous vous offrons la meilleure expérience sur notre site Web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.