ColorCodeV

Vérifiez le contraste. Gardez chaque mot lisible.

Comparez les couleurs de premier plan et d’arrière-plan avec les mesures WCAG et APCA.

AperçuUn contraste net rend le texte plus facile à lire.

Use this preview to check body copy and larger interface text together.

ContinueSmall supporting copy at 14 pixels.
Rapport de contraste7.00:1
APCA contrast-70.8
Couleur du texte
Couleur d’arrière-plan
AA normal text4.5:1
Réussi
AA large text3:1
Réussi
UI components3:1
Réussi
AAA normal text7:1
Échec
AAA large text4.5:1
Réussi
Advanced APCA analysis
Polarité
Light text on a dark background
Recommandation
Suitable for non-body content text

Paires de contraste enregistrées

Loading saved contrast pairs…

Vérifiez le contraste. Gardez chaque mot lisible.

Comparez les couleurs de premier plan et d’arrière-plan avec les mesures WCAG et APCA.

Outils associés

Arrière-plan et premier planExplorez les paires publiques, vérifiez leur contraste et ouvrez-les dans le vérificateur.Sélecteur de couleurChoisissez visuellement, saisissez une valeur ou prélevez une couleur à l’écran.Convertisseur de couleurSaisissez une couleur et copiez sa valeur dans le format souhaité.