Calculateur de rapport de contraste de couleur

Vérifiez le rapport de contraste de deux couleurs pour l'accessibilité.

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

Ce calculateur détermine le rapport de contraste WCAG entre deux couleurs à l'aide de (L1 + 0.05) / (L2 + 0.05), où L1 et L2 sont les luminances relatives de la couleur la plus claire et de la plus sombre, chacune déduite des valeurs des canaux sRGB par la formule de luminance corrigée du gamma des WCAG. Le résultat va de 1:1 (couleurs identiques) à 21:1 (noir pur sur blanc) et est comparé aux seuils des Règles pour l'accessibilité des contenus web (WCAG) — 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille au niveau AA, 7:1 et 4,5:1 respectivement pour le niveau AAA, plus strict.

Les web designers, les développeurs front-end et les auditeurs d'accessibilité l'utilisent pour s'assurer que le texte et les éléments d'interface respectent les normes légales et d'utilisabilité en matière d'accessibilité (conformité WCAG 2.1, ADA, Section 508) pour les utilisateurs malvoyants ou daltoniens. Saisissez deux couleurs hexadécimales pour obtenir le rapport de contraste et le résultat conforme/non conforme.

Was this helpful?

Vous pouvez choisir jusqu’à 3 réactions.

Comments (0)

  • Be the first to comment.

Calculatrices populaires

Toutes les calculatrices