Color Contrast Checker

Check WCAG AA/AAA contrast ratio between two colors

À propos de cette calculatrice

Le vérificateur de contraste de couleurs calcule le rapport de contraste WCAG 2.x entre une couleur de premier plan et une couleur d'arrière-plan avec la formule de luminance relative (L1 + 0,05) / (L2 + 0,05). Il accepte les saisies #rgb, #rrggbb et rgb(r,g,b), et indique le rapport exact, la luminance des deux couleurs et les indicateurs de réussite/échec pour AA et AAA aux seuils du texte normal (4.5:1 / 7:1) et du grand texte (3:1 / 4.5:1). Les couleurs invalides renvoient une erreur. Essentiel pour la conception web accessible.

Comment utiliser l'outil Color Contrast Checker

  1. Saisissez ou collez votre entrée dans le champ.
  2. Lisez la sortie — elle se met à jour instantanément pendant que vous tapez.
  3. Ajustez les options, le cas échéant, selon votre cas d'usage.
  4. Copiez l'URL de la page pour partager le résultat exact.

Exemples courants

  • #000000 sur #ffffff → 21,0000:1 — passe tous les niveaux AA et AAA
  • #777777 sur #ffffff → 4,4781:1 — échoue de justesse AA texte normal, passe AA grand texte
  • #0066cc sur #ffffff → 5,5666:1 — réussite AA, échec AAA texte normal
  • #ffcc00 sur #333333 → 8,3564:1 — passe AAA pour toutes les tailles de texte

Questions fréquentes

Comment fonctionne l'outil Color Contrast Checker ?

Saisissez ou collez votre entrée et l'outil la traite directement dans votre navigateur, en affichant le résultat immédiatement. Rien de ce que vous tapez n'est envoyé à un serveur — tout le calcul se fait sur votre appareil.

Quand utiliser l'outil Color Contrast Checker ?

Il est pratique pour les tâches de développement, de débogage, de conception et d'administration — chaque fois que vous avez besoin de cette transformation ou de cette vérification rapidement, sans rien installer ni confier vos données à un service tiers.

Quelle est la fiabilité des résultats ?

L'outil implémente directement la norme ou la spécification concernée, sa sortie correspond donc à ce que produisent les logiciels conformes. Les cas limites comme une entrée vide ou mal formée sont signalés clairement au lieu d'échouer silencieusement.

Puis-je partager un résultat précis avec quelqu'un d'autre ?

Oui. Votre saisie met à jour l'URL, donc copier la barre d'adresse et partager le lien rouvre l'outil dans le même état pour la personne qui clique.