Vérificateur de Contraste WCAG 2.1

Vérification de Conformité d’Accessibilité AA et AAA

Vérificateur de Contraste de Couleurs WCAG 2.1 (Normes AA et AAA)

Contrôlez le ratio de contraste entre vos couleurs de texte et d’arrière-plan conformément aux normes d’accessibilité WCAG 2.1 AA et AAA.

Couleur du Texte :

Couleur de Fond :

Ratio de Contraste :

16.1 : 1

WCAG AAA COMPLIANT

The quick brown fox jumps over the lazy dog.

This is a live preview demonstrating text legibility and contrast compliance against the selected background color.

WCAG 2.1 Accessibility Audit Breakdown

Texte Normal (<18pt)

AA: CONFORME (min 4.5:1)

AAA: CONFORME (min 7:1)

Grand Texte (>=18pt)

AA: CONFORME (min 3:1)

AAA: CONFORME (min 4.5:1)

Composants d’Interface

AA: CONFORME (min 3:1)

Graphics & Borders

Vérificateur de Contraste de Couleurs WCAG 2.1 (Normes AA et AAA)

Online color contrast ratio tester for vérificateur contraste wcag en ligne. Evaluate WCAG 2.1 AA and AAA standards to ensure digital products are accessible to people with vision impairments.

Mode d’Emploi Pas à Pas

Select or type the text foreground color and background color in HEX.
Check the calculated contrast ratio (e.g. 4.5:1 for standard web text).
Verify pass/fail badges across normal text, headlines, and UI elements.

Target Search Queries

+vérificateur contraste wcag en ligne
+calculateur ratio contraste couleur
+test accessibilité contraste web
+wcag 2.1 aa aaa conformité
+contraste texte arrière plan
+outil couleur accessible
+calculer contraste hex
+design web accessible

Foire Aux Questions & Guide CSS

What is the minimum WCAG AA ratio for normal text?

WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text (under 18pt) and at least 3:1 for large text (18pt or 14pt bold).

Confidentialité 100% Côté Client

Vos réglages visuels sont générés uniquement dans votre navigateur.

Rendu Fluide à 60 FPS

Zéro latence réseau. Modifications visuelles instantanées.

[+] Index des Outils de Développement

5 Tous les Outils

Générateur de Box Shadow CSS et Studio d’Ombres Multicouches

Concevez des ombres CSS esthétiques et réalistes avec réglages interactifs du flou, de l’étalement et de l’opacité, prêts pour CSS et Tailwind.

Générateur de Dégradés CSS (Linéaires, Radiaux et Coniques)

Composez des dégradés linéaires, radiaux et coniques avec sélecteur d’angles, gestion des paliers de couleur et bibliothèque de presets.

Vérificateur de Contraste de Couleurs WCAG 2.1 (Normes AA et AAA)

Contrôlez le ratio de contraste entre vos couleurs de texte et d’arrière-plan conformément aux normes d’accessibilité WCAG 2.1 AA et AAA.

Convertisseur d’Unités Responsive PX en REM et EM

Convertissez vos pixels en unités relatives REM et EM dans les deux sens avec taille de base ajustable et génération de règles CSS prêtes à l’emploi.

Convertisseur SVG en Data URI CSS et Arrière-Plan Base64

Nettoyez et convertissez votre code SVG en Data URI optimisé pour background-image CSS et Base64 avec aperçu visuel en direct.