Évaluez la lisibilité du texte sur des couleurs d'arrière-plan personnalisées pour répondre aux exigences d'accessibilité WCAG AA et AAA. Convertissez simultanément les codes couleur dans les notations HEX, RGB et HSL.
Saisir la couleur de premier plan
Saisissez la couleur de votre texte au format HEX, RGB ou HSL.
Définir la couleur d'arrière-plan
Choisissez blanc, noir ou saisissez un code d'arrière-plan personnalisé pour tester le contraste.
Vérifier & ajuster
Vérifiez les indicateurs de conformité et cliquez sur un palier de luminosité si un contraste supplémentaire est nécessaire.
Testez vos sélections de couleurs sur un fond blanc pur, noir pur ou personnalisé. L'outil indique les ratios de contraste exacts et confirme si vous respectez les exigences AA (4.5:1), AAA (7.0:1) ou Grand texte (3.0:1).
Lorsqu'une couleur de marque ne respecte pas les seuils de contraste d'accessibilité, cliquez sur l'un des 9 niveaux de luminosité calculés pour identifier une nuance conforme sans modifier la teinte de base.
Prend en charge HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), les triplets séparés par des espaces et plus de 50 couleurs CSS nommées.
Non, il est conçu exclusivement pour les formats numériques web et écran (HEX, RGB, HSL).
Oui, environ 50 couleurs CSS nommées standards sont reconnues et converties automatiquement.