Outil d’accessibilité

Calculateur de contraste de couleurs

Assurez-vous que les couleurs de votre texte et de votre arrière-plan répondent aux exigences de contraste WCAG 2.1 AA et AAA.

Le rapport de contraste est de 21.00 pour 1.
Un rapport minimum de 4,5:1 est requis pour le texte normal (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text

Comment utiliser cet outil

Entrez vos couleurs de premier plan et d'arrière-plan au format hexadécimal.

Le calculateur déterminera automatiquement s'ils répondent aux exigences de contraste du WCAG.

Formule de luminance relative

L = 0.2126·R + 0.7152·G + 0.0722·B

Où R, G et B sont des canaux linéarisés :

  • If c_sRGB ≤ 0.03928c = c_sRGB / 12.92
  • Sinon → c = ((c_sRGB + 0.055) / 1.055) ^ 2.4

Le rapport de contraste (CR) est ensuite calculé comme suit : CR = (L1 + 0.05) / (L2 + 0.05) où L1 est la couleur la plus claire et L2 la couleur la plus sombre.

Ce que cet outil vérifie

Cet outil vérifie automatiquement le rapport de contraste des couleurs entre votre texte et l'arrière-plan par rapport aux normes WCAG 2.1 AA et AAA.

Limites des tests automatisés

Les vérificateurs de contraste automatisés ne peuvent pas évaluer avec précision le contraste sur les dégradés, les images d'arrière-plan ou les motifs complexes. Ces scénarios nécessitent une vérification manuelle.

Outils connexes

Guides connexes