Vérificateur d’accessibilité des couleurs

Saisissez une couleur HEX pour vérifier son contraste sur fond clair et sombre. Obtenez le ratio, le résultat WCAG et la meilleure couleur de texte.

Couleur de texte recommandée
#000000

Sur blanc

3.68:1

Aa

Accessible sample text

Texte normal: Échec
Grand texte: OK

Sur noir

5.71:1

Aa

Accessible sample text

Texte normal: OK
Grand texte: OK

Comment utiliser l’outil

  1. Saisissez une couleur HEX ou choisissez-la avec le sélecteur.
  2. Consultez le ratio de contraste sur blanc et noir.
  3. Utilisez le résultat WCAG pour choisir des couleurs de texte lisibles.

Pourquoi le contraste est important

Un contraste suffisant améliore la lisibilité pour davantage d’utilisateurs, notamment ceux ayant une basse vision ou des conditions d’éclairage difficiles.

WCAG recommande au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. Un contraste plus fort reste souvent préférable.

Le calcul est réalisé localement dans votre navigateur, sans transfert de données.

Questions fréquentes

Qu’est-ce qu’un ratio de contraste ?

Il mesure la différence de luminance entre une couleur de premier plan et son arrière-plan. Plus il est élevé, plus la lecture est facile.

Quel ratio passe WCAG pour un texte normal ?

WCAG AA recommande au moins 4,5:1 pour un texte de taille normale.

Qu’est-ce qu’un grand texte ?

En général 18pt normal ou 14pt gras, pour lequel un ratio de 3:1 suffit en AA.

Pourquoi tester sur blanc et noir ?

Cela permet de voir rapidement si la couleur fonctionne mieux comme texte clair ou foncé.

Mes données sont-elles privées ?

Oui. Le calcul est entièrement local dans votre navigateur.

Vous aimez SlimUtils ? Si ces outils gratuits vous ont fait gagner du temps, offrez-nous un café ! Soutenir sur Ko-fi