Vérificateur de contraste des couleurs (WCAG)

Comment vérifier le contraste des couleurs ?

Comment l'utiliser

  1. Saisissez vos valeurs dans les champs ci-dessus.
  2. Appuyez sur Calculer pour voir votre résultat instantanément.
  3. Utilisez le bouton Partager pour copier un lien vers votre résultat.

À propos de ce calculateur

Cet outil calcule le rapport de contraste WCAG entre une couleur de premier plan et une couleur d'arrière-plan, une valeur allant de 1:1 (couleurs identiques, aucun contraste) à 21:1 (noir pur sur blanc pur), calculée à partir de la luminance relative de chaque couleur. Il vérifie ensuite ce rapport par rapport aux seuils officiels d'accessibilité AA et AAA — généralement 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille en niveau AA, avec des minimums plus stricts en niveau AAA — pour indiquer si une combinaison texte-arrière-plan donnée est réellement assez lisible pour répondre aux normes d'accessibilité.

Il est utilisé par les designers web et développeurs front-end pour vérifier une palette de couleurs avant sa mise en ligne, car un texte à faible contraste est l'une des plaintes d'accessibilité les plus courantes et peut ne pas satisfaire des exigences légales d'accessibilité dans certaines juridictions. Les auditeurs d'accessibilité utilisent aussi ce même calcul lors de l'examen d'un site web ou d'une application pour la conformité WCAG, et les systèmes de conception intègrent souvent directement des paires de couleurs conformes au niveau AA dans leurs bibliothèques de composants pour éviter entièrement le problème.

Was this helpful?

Comments (0)

  • Be the first to comment.

Calculatrices populaires

Toutes les calculatrices