Vérificateur de Contraste des Couleurs
Vérifiez les ratios de contraste WCAG pour l'accessibilité. Contrôlez la conformité AA et AAA pour les couleurs de texte et de fond.
Aperçu grand texte
Aperçu petit texte — c'est ce que liront vos utilisateurs.
17.40
Ratio de contraste
Résultats WCAG 2.1
✓Texte normal AA (4.5:1)
✓Grand texte AA (3:1)
✓Texte normal AAA (7:1)
✓Grand texte AAA (4.5:1)
AA Normal: Contraste minimal pour le texte normal (moins de 18pt/14pt gras)
AAA Normal: Contraste amélioré pour le texte normal — meilleure lisibilité
AA Large: Contraste minimal pour le grand texte (18pt+ ou 14pt+ gras)
Comment utiliser
Vérifiez les ratios de contraste WCAG pour l'accessibilité. Contrôlez la conformité AA et AAA pour les couleurs de texte et de fond.
- 1Enter or pick a foreground (text) color using the color picker or hex input.
- 2Enter or pick a background color the same way.
- 3The tool calculates the contrast ratio and displays it immediately.
- 4Check the WCAG AA and AAA pass/fail badges for normal text, large text, and UI components.
- 5Adjust either color until you meet the required WCAG standard.
Fonctionnalités
- Calculates WCAG 2.1 contrast ratio between any two colors
- Shows pass/fail status for AA and AAA levels across text sizes
- Color picker and hex/RGB input for precise color selection
- Instant feedback as you adjust colors without clicking any button