Qu'est-ce que Vérificateur de Contraste WCAG ?
Un vérificateur de contraste des couleurs WCAG qui calcule le ratio de contraste entre les couleurs de premier plan et d'arrière-plan, et indique si la combinaison satisfait aux normes d'accessibilité WCAG 2.1 Niveau AA et AAA pour le texte normal et le grand texte.
Comment utiliser
- Saisissez ou choisissez une couleur de premier plan (texte) et une couleur d'arrière-plan à l'aide des sélecteurs de couleur ou des champs hexadécimaux.
- Consultez le ratio de contraste et les résultats de conformité WCAG AA et AAA pour le texte normal, le grand texte et les composants d'interface.
- Si le contraste est insuffisant, utilisez les suggestions d'ajustement de couleur pour trouver la combinaison accessible la plus proche.
Résultat
Un designer UI vérifie le bleu de sa marque #3B82F6 sur blanc #FFFFFF — le ratio de 4,5:1 passe le niveau AA pour le grand texte mais échoue au niveau AAA pour le texte normal. Il assombrit à #2563EB (5,3:1) pour satisfaire les deux niveaux.
Outils similaires
Convertisseur de codes couleur
Convertissez les codes couleur HEX, RGB, HSL et CMYK
Vérificateur de contraste de couleur
Vérifiez les ratios de contraste WCAG d'accessibilité
Convertisseur de couleurs
Convertissez les codes HEX, RGB, HSL, HSV et CMYK
Mélangeur de couleurs
Mélangez deux couleurs visuellement
Identifieur de nom de couleur
Trouvez la couleur nommée la plus proche de n'importe quelle valeur
Recherche de couleurs complémentaires
Trouvez les couleurs complémentaires pour n'importe quelle entrée