Vérificateur de contraste des couleurs
Vérifiez les ratios de contraste des couleurs WCAG 2.1 AA/AAA pour une conception web accessible
rgb(30, 41, 59)
rgb(248, 250, 252)
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
Color Contrast Checker — WCAG AA/AAA
Check whether your text and background color combination meets WCAG 2.1 accessibility standards. Shows contrast ratio and pass/fail for AA (4.5:1) and AAA (7:1) levels.
FAQ
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are international standards for making web content accessible to people with disabilities, including color vision deficiencies.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 for normal and 4.5:1 for large.
Why does color contrast matter?
Low-contrast text is hard to read for people with low vision, color blindness, or in bright sunlight. It also affects your legal compliance in many jurisdictions.
Continuer à explorer
Autres outils Développement qui pourraient vous plaire…
Formateur JSON
Formatez, validez et minifiez JSON avec coloration syntaxique et détection d'erreurs
Encodeur/Décodeur Base64
Encodez du texte ou des fichiers en Base64 et décodez des chaînes Base64
Encodeur/Décodeur URL
Encodez et décodez des composants URL et paramètres de chaîne de requête
Générateur d'UUID
Générez des UUIDs aléatoires (v1, v4) ou générez plusieurs UUIDs en masse
Générateur de Hash
Générez des hashes MD5, SHA-1, SHA-256, SHA-512 depuis du texte ou des fichiers
Testeur de Regex
Testez des expressions régulières avec mise en évidence des correspondances en temps réel
Décodeur JWT
Décodez et inspectez les JSON Web Tokens — header, payload et vérification de signature
Formateur HTML
Formatez et embellissez le code HTML avec une indentation correcte et coloration syntaxique