Comparateur de contrastes WCAG
Vérifiez le ratio de contraste entre deux couleurs selon WCAG 2.1 (AA/AAA).
17.06:1
Rapport de contraste
Texte normal
(< 18pt / 14pt bold)
AAA
AA ≥ 4.5:1 • AAA ≥ 7:1
Texte large
(≥ 18pt / 14pt bold)
AAA
AA ≥ 3:1 • AAA ≥ 4.5:1
Portez ce vieux whisky au juge blond qui fume
Ceci est un aperçu du texte normal en 16px sur le fond sélectionné.
Le petit texte (14px) est plus difficile à lire avec un faible contraste.
Qu'est-ce que Comparateur de contrastes WCAG ?
Le comparateur de contrastes calcule le ratio entre deux couleurs selon WCAG 2.1 et indique la conformité AA/AAA.
Comment utiliser cet outil ?
Sélectionnez ou saisissez vos couleurs de premier plan et d'arrière-plan. Le ratio et la conformité s'affichent en temps réel.
Avantages
- Conformité WCAG AA et AAA
- Aperçu texte en temps réel
- Sélecteur de couleur visuel
- Support HEX et RGB
Questions fréquentes
- Qu'est-ce que le ratio de contraste WCAG ?
- C'est un ratio (de 1:1 à 21:1) entre la luminance de deux couleurs. WCAG AA exige 4.5:1 pour le texte normal, AAA exige 7:1.
- Les normes AA et AAA sont-elles vérifiées ?
- Oui, l'outil vérifie les deux niveaux pour le texte normal et le texte large (≥18pt ou ≥14pt gras).
- Puis-je saisir des couleurs HEX et RGB ?
- Oui, les deux formats sont supportés, ainsi qu'un sélecteur de couleur visuel.
Outils similaires
Convertisseur de couleurs
Convertissez instantanément vos couleurs entre HEX, RGB et HSL directement dans votre navigateur. Outil gratuit, 100% local.
Utiliser →Palette de couleurs depuis image
Extrayez les couleurs dominantes d'une image. Obtenez une palette harmonieuse avec codes HEX, RGB et HSL. 100% navigateur, gratuit.
Utiliser →Générateur d'images placeholder
Générez des images placeholder personnalisées (PNG ou SVG). Dimensions, couleurs et texte configurables.
Utiliser →