Vérificateur de contraste des couleurs (luminance WCAG)

Saisissez une couleur de premier plan et une couleur d'arrière-plan pour calculer ci-dessous la luminance relative WCAG actuelle et le rapport de contraste (AA/AAA). Les échantillons de droite sous l'aperçu montrent ce que « voit » la formule WCAG moderne pour chaque couleur ; ceux de gauche montrent ce qu'aurait donné la formule de luma d'un ingénieur de diffusion de 1953 pour ces mêmes couleurs — une comparaison directe entre l'ancien et le nouveau.

Chargement de la simulation interactive...

Pourquoi le vert pèse plus lourd que le rouge et le bleu — et pourquoi la loi utilise encore les mathématiques de 1953 🖖

Les coefficients de la formule de luminance (0,2126 pour le vert aujourd'hui, 0,299/0,587/0,114 en 1953) ne sont pas arbitraires : ils remontent à l'observateur de référence CIE 1931, qui a établi que la réponse des cônes de l'œil humain et la courbe d'efficacité lumineuse nous rendent bien plus sensibles à la lumière verte qu'au rouge ou au bleu. La NTSC avait besoin en 1953 exactement de ce type de somme pondérée pour qu'une nouvelle émission en couleur produise malgré tout une image en niveaux de gris correcte sur les millions de téléviseurs noir et blanc déjà présents dans les salons — le « luma » a été inventé comme un artifice de rétrocompatibilité, pas comme un idéal perceptuel. Cette histoire compte encore aujourd'hui car le rapport de contraste WCAG 2 vérifié ci-dessus a une portée juridique réelle (cité par l'ADA et la norme EN 301549), et pourtant les spécialistes de la vision le jugent imparfait : il est connu pour surestimer le contraste du texte sombre sur fond clair et sous-estimer celui du texte clair sur fond sombre — ce qui concerne directement ce site, puisqu'il utilise par défaut un thème sombre. Le remplaçant en projet dans WCAG 3, l'APCA, modélise correctement cette asymétrie ; en attendant sa sortie officielle, la formule ci-dessus reste celle à laquelle vous devez réellement vous conformer.

Ce que mesure vraiment un rapport de contraste 🖖

Le nombre affiché par cet outil est un rapport de luminance relative : (L1 + 0.05) / (L2 + 0.05), où L1 est la couleur la plus claire et L2 la plus sombre. Il va de 1:1 (couleurs identiques, invisibles) à 21:1 (noir pur sur blanc pur). Le 0.05 ajouté aux deux n'est pas un arrondi : il modélise le faible reflet de lumière ambiante que renvoient les écrans réels, si bien que même le 'noir pur' n'atteint jamais zéro. Visez 4.5:1 pour le texte courant et 3:1 pour le grand texte afin de franchir le seuil WCAG AA.

Une coquille figée dans la loi 🖖

La formule linéarise chaque canal sRGB avec une courbe par morceaux qui passe d'un segment linéaire à un exposant gamma à un seuil. WCAG 2 place ce basculement à 0.03928, mais le vrai standard sRGB le fixe à 0.04045. La valeur de WCAG est une coquille, recopiée d'un premier brouillon de sRGB avant la correction du nombre, et gravée depuis dans une norme d'accessibilité citée internationalement. L'erreur décale les résultats de moins de 10⁻⁴, si bien que personne n'a pris la peine de corriger le texte.

Exemples de problèmes