Color Contrast Checker

Check WCAG color contrast ratio for accessibility. AA & AAA compliance.

UTILITY
✓ Free ✓ No sign-up ✓ Instant results
Foreground (Text)
Background
Large Text Preview (18pt+)
Normal text preview. The quick brown fox jumps over the lazy dog. Check how readable this text is against the background color.
12.97:1
Contrast Ratio
AA Normal Text Minimum 4.5:1
Pass
AA Large Text Minimum 3:1
Pass
AAA Normal Text Minimum 7:1
Pass
AAA Large Text Minimum 4.5:1
Pass
ℹ️ About this tool

Check WCAG color contrast ratio for accessibility. AA & AAA compliance.

⛏️ Earn QuickCoins by mining

About this tool

Le vérificateur de contraste WCAG calcule le ratio de contraste entre deux couleurs pour l'accessibilité web. Conformité AA et AAA.

How to use

  1. 📝
    Entrer votre input Tapez ou collez vos données.
  2. ⚙️
    Traiter Cliquez sur le bouton d'action.
  3. 🎉
    Obtenir le résultat Voyez, copiez ou téléchargez le résultat.

FAQ

Qu'est-ce que WCAG ?

Directives d'accessibilité web du W3C.

Quelle est la différence AA et AAA ?

AA = ratio 4.5:1 minimum, AAA = 7:1 minimum.

Puis-je tester mes couleurs de site ?

Oui, entrez vos codes couleur HEX.

Similar tools

Rate this tool

4.0/5
Tools