Rapport de contraste
Vérificateur de contraste de couleur
Vérifiez les ratios de contraste WCAG d'accessibilité
Rapport de contraste
17.45:1
AA
AAA
Texte normal
Grand texte
Qu'est-ce que Vérificateur de contraste de couleur ?
Le Vérificateur de Contraste des Couleurs évalue le rapport de contraste entre les couleurs de premier plan et d'arrière-plan selon les normes d'accessibilité WCAG 2.1. Il vous indique instantanément si votre combinaison de couleurs respecte les critères AA ou AAA pour le texte normal et le texte de grande taille.
Comment utiliser
- Étape 1 — Définissez la couleur de premier plan (texte) à l'aide du sélecteur de couleur ou en saisissant une valeur HEX/RGB.
- Étape 2 — Définissez la couleur d'arrière-plan de la même manière. Le rapport de contraste et les niveaux de conformité WCAG se mettent à jour en direct.
- Étape 3 — Vérifiez les indicateurs de réussite/échec pour les niveaux AA et AAA. Ajustez les couleurs jusqu'à ce que tous les critères pertinents soient remplis.
Résultat
Un designer teste un texte gris foncé (#333333) sur un fond bleu clair (#E3F2FD) — l'outil affiche un rapport de 10,5:1, conforme aux niveaux WCAG AA et AAA pour toutes les tailles de texte.
Outils similaires
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
Explorateur de couleurs de marque
Parcourez les couleurs des marques populaires
Générateur de Palette de Couleurs
Générez des palettes de couleurs harmonieuses