Vérificateur de contraste des couleurs (WCAG)

Vérifiez les rapports de contraste des couleurs WCAG 2.1 AA/AAA pour le texte, le grand texte et les composants d'interface. Aperçus en direct, référence APCA, recherche de paires accessibles et favoris.

Mis à jour le

Share:
Home/Color Contrast Checker (WCAG)

Color Contrast Checker (WCAG)

Check color contrast ratios against WCAG 2.1 AA/AAA guidelines. Pick foreground and background colors, preview live text samples, and find accessible pairs.

Foreground
Text

Background
Surface

Contrast ratio

14.68:1

APCA Lc 101.5 (reference)

AAA

AA Normal text

Requires 4.5:1

Pass

AA Large text

Requires 3:1

Pass

AAA Normal text

Requires 7:1

Pass

AAA Large text

Requires 4.5:1

Pass

AA UI Components

Requires 3:1

Pass

Questions Fréquentes

De quel ratio ai-je besoin ?

WCAG 2.1 AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte (18pt ou 14pt en gras). AAA exige 7:1 et 4.5:1. Les composants d'interface nécessitent >= 3:1.

Comment le ratio est-il calculé ?

Le sRGB est corrigé en gamma vers le linéaire, puis la luminance relative = 0.2126R + 0.7152G + 0.0722B. Ratio = (L1 + 0.05) / (L2 + 0.05), où L1 est la plus claire.

Qu'est-ce que l'APCA ?

Accessible Perceptual Contrast Algorithm (pour WCAG 3) : il prend en compte la graisse du texte, la polarité et la fréquence spatiale. Affiché à titre de référence ; les ratios WCAG 2 restent aujourd'hui la norme de référence.

Le Color Contrast Checker (WCAG) est-il gratuit ?

Oui, le Color Contrast Checker (WCAG) est 100% gratuit, sans inscription, sans frais cachés et sans limite d'utilisation. Tout le traitement s'effectue localement dans votre navigateur, garantissant une confidentialité totale.

Mes données sont-elles en sécurité avec cet outil ?

Absolument. Le Color Contrast Checker (WCAG) traite tout côté client, dans votre navigateur. Aucune donnée n'est envoyée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.

Le Color Contrast Checker (WCAG) fonctionne-t-il sur les appareils mobiles ?

Oui, le Color Contrast Checker (WCAG) est entièrement responsive et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans aucun téléchargement d'application.

Dois-je créer un compte pour utiliser cet outil ?

Aucun compte ni inscription n'est nécessaire. Ouvrez simplement le Color Contrast Checker (WCAG) dans votre navigateur et commencez à l'utiliser immédiatement. Il n'y a ni barrière d'inscription ni restriction d'utilisation.

Quels langages de programmation ou formats cet outil prend-il en charge ?

Le Color Contrast Checker (WCAG) prend en charge un large éventail de formats et de langages populaires. Consultez l'interface de l'outil pour la liste complète des options prises en charge.

Comment utiliser le Color Contrast Checker (WCAG) ?

Saisissez simplement votre entrée dans le champ prévu, ajustez les paramètres selon vos préférences, et l'outil la traitera instantanément. Vous pouvez ensuite copier le résultat dans le presse-papiers ou le télécharger.

Quels navigateurs sont pris en charge ?

Le Color Contrast Checker (WCAG) fonctionne sur tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Pour une expérience optimale, utilisez la dernière version de votre navigateur préféré.

À propos de Vérificateur de contraste des couleurs (WCAG)

Vérificateur de contraste des couleurs (WCAG) est un outil gratuit qui fonctionne dans le navigateur, au sein de notre collection Outils pour développeurs. Tout s'exécute localement sur votre appareil : aucun téléversement, aucune inscription, et vos données restent privées.

color contrast checkerwcagaccessibilitya11ycontrast ratioaa aaaapcafree color contrast checker (wcag)online color contrast checker (wcag)color contrast checker (wcag) online freebest color contrast checker (wcag)developer tool