Vérificateur de Contraste de Couleur WCAG

Calculez le rapport de contraste entre texte et fond selon les normes d'accessibilité web WCAG 2.1 (AA / AAA).

Bac à Sable en Mémoire Client • Prêt
Presets:

Live Typography Contrast Preview

This paragraph displays regular 16px body copy styled directly with your selected foreground and background colors. Check the WCAG badges below to verify whether this color combination meets accessibility requirements for government and enterprise sites.

Contrast Ratio
17.85:1
WCAG AA (Normal Text)
PASS (≥ 4.5:1)
WCAG AA (Large Text ≥18pt)
PASS (≥ 3.0:1)
WCAG AAA (Normal Text)
PASS (≥ 7.0:1)
WCAG AAA (Large Text)
PASS (≥ 4.5:1)

Comment Utiliser Vérificateur de Contraste de Couleur WCAG

1

1. Choisissez ou Déposez votre Image

Chargez votre image dans le navigateur sans aucun envoi vers un serveur externe.

2

2. Traitement Graphique Côté Client

HTML5 Canvas et WebAssembly traitent, convertissent et compressent l'image en mémoire RAM.

3

3. Téléchargez l'Image Optimisée

Téléchargez immédiatement votre fichier optimisé pour le web ou vos applications.

Comment Fonctionne cet Utilitaire

Ensure accessibility compliance for your web applications. Tests color contrast against Web Content Accessibility Guidelines (WCAG 2.1) standards for normal text, large text, and UI components. Includes HEX, RGB, and HSL conversions.

Traitement Graphique sur Canvas Local:

Vos fichiers multimédias sont dessinés et manipulés en local via HTML5 Canvas sans aucun transfert sur Internet.

Foire Aux Questions

What is the minimum WCAG contrast ratio for normal text?

WCAG Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). Level AAA requires 7:1 for normal text.

Does this calculate relative luminance accurately?

Yes, it implements the official W3C sRGB relative luminance formula to calculate exact mathematical contrast ratios.

Offline Mode — Loaded tools run 100% locally