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 contraste16.56:1
APCA contrast+99.3
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
Réussi
AAA large text4.5:1
Réussi
Advanced APCA analysis
Polarité
Dark text on a light background
Recommandation
Preferred for fluent body 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é.