Ces deux couleurs permettent-elles de lire le texte ?

Comparez une couleur de texte et un fond uni. Le résultat concerne une paire de couleurs opaques sRGB, pas l’accessibilité complète d’une page.

Vos deux couleurs

Format #RGB ou #RRGGBB, par exemple #123 ou #123456. Le symbole # est obligatoire. Les espaces autour sont ignorés.

JavaScript est nécessaire au calcul interactif. La méthode et les seuils ci-dessous restent consultables sans l’activer.

Lire le résultat

La valeur affichée est arrondie à deux décimales. Les décisions utilisent la valeur complète : un ratio inférieur à 4,5 échoue au seuil de 4,5, même si son affichage arrondi semble l’atteindre.

Ce que signifie « grand texte »

Les WCAG définissent le grand texte comme au moins 18 points, ou 14 points en gras, soit 24 pixels CSS et environ 18,67 pixels CSS. La graisse et la taille doivent être celles du texte réel. Voir le critère W3C de contraste minimum.

Comment le calcul fonctionne

Chaque composante rouge, verte et bleue est normalisée puis convertie en lumière linéaire. Leur combinaison pondérée donne la luminance relative. Le ratio compare la luminance claire augmentée de 0,05 à la luminance sombre augmentée de 0,05.

Le noir et le blanc donnent 21 : 1 ; deux couleurs identiques donnent 1 : 1. La formule utilise la définition sRGB actuelle de la luminance relative WCAG 2.2. Les seuils AAA proviennent du critère de contraste amélioré.

Quand ce test ne suffit pas

Une photo, une transparence ou un dégradé modifie la couleur réellement placée derrière les lettres. Relevez alors les couleurs effectivement composées dans le contexte le moins lisible. Les noms CSS, couleurs alpha et autres espaces colorimétriques ne sont pas pris en charge ici.

Les boutons, bordures, états, icônes, textes désactivés et logos demandent aussi une interprétation de leur usage et des critères applicables. Cet outil compare les seuils du texte ; il ne délivre ni certification WCAG ou RGAA ni audit d’URL.

Choisir la correction

Commencez par une paire réellement utilisée dans une tâche importante. Modifiez l’encre ou le fond, puis contrôlez aussi le survol, le focus et l’état d’erreur. Gardez la version qui reste cohérente avec les autres repères de la page.

Le guide corriger un contraste de texte aide à organiser ce travail. Complétez-le par un parcours au clavier et une vérification du formulaire accessible.

Calcul local et confidentialité

Les couleurs restent dans la page pendant le calcul. L’outil n’envoie aucune requête et ne les enregistre pas dans un stockage applicatif. Le navigateur peut conserver ou restaurer un formulaire selon ses réglages. Le bouton Effacer vide les champs et masque le résultat.

Références documentaires relues le 10 septembre 2026. Notre méthode et notre politique de confidentialité précisent le périmètre.