Accueil
Tom Utilities

Vérificateur de contraste des couleurs

Utilitaires pour développeurs

Mesurez les ratios de contraste WCAG et vérifiez si le texte respecte AA et AAA pour texte normal et grand.

Comment utiliser

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

  1. Choose the text color.
  2. Choose the background color.
  3. Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

Questions fréquentes

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

Outils associés

Générateur de palettes de couleurs Générez des palettes de teintes claires, foncées, analogues, complémentaires et triadiques à partir de n'importe quelle couleur. Convertisseur de couleurs Convertit les couleurs entre HEX, RGB et HSL avec un aperçu en direct. Générateur de dégradés CSS Concevez des dégradés CSS linéaires ou radiaux avec aperçu en direct et CSS prêt à copier. Générateur d'UUID / GUID Génère des UUID de version 4 aléatoires et les copie un par un ou en masse. Générateur de hachage Calcule les empreintes MD5, SHA-1, SHA-256 et SHA-512 de n'importe quel texte. Convertisseur d'horodatage Convertit entre horodatages Unix, ISO 8601 et dates locales lisibles.