Vérificateur de contraste de couleur

Check WCAG color contrast ratio between foreground and background colors and verify AA/AAA compliance. Gratuit, privé et 100% côté client.

Entrée

Essayer un exemple:

Sortie

Local only

Historique récent

Aucun historique

Utilisation

Enter two colors (foreground and background) separated by a newline or space.
Read the contrast ratio and AA/AAA compliance results.
Adjust colors to meet your accessibility target.

Tâches utilisant cet outil

Vérifier color contrast for WCAG accessibility compliance

Measure le contrast ratio entre foreground et background colors et vérifier it meets WCAG AA ou AAA thresholds.

Convertir RGB colors to HEX (and back)

Translate color valeurs entre rgb() et #rrggbb notation, avec alpha-channel handling pour CSS fonctionner.

Questions fréquentes

What is the WCAG contrast ratio?: The ratio is (L1 + 0.05) / (L2 + 0.05) where L1 and L2 are the relative luminances of the lighter and darker colors. Black on white yields 21:1.
What are the AA and AAA thresholds?: AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

Outils associés

Convertisseur de couleur

Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratuit, privé et 100% côté client.

Mélangeur de couleurs

Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratuit, privé et 100% côté client.

Sélecteur de couleur depuis l'image

Extract dominant colors from image. Gratuit, privé, 100% côté client.