Analyseur de contraste couleur

Un analyseur de contraste couleur rapide et conforme aux normes, pour les concepteurs et les développeurs, vérifiant que le texte est lisible sur les couleurs d'arrière-plan dans les maquettes UI.

Request Feature / Support

6,080+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

À propos de cet outil

Cet outil calcule les rapports de contraste WCAG conformes pour les paires couleur premier plan/arrière-plan. Il prend en compte les contextes de taille de texte pour indiquer le passage/échec pour le texte normal et le texte en grande taille, et affiche un ratio numérique avec un verdict d’accessibilité.
Concrètement, il accepte la couleur de premier plan, la couleur d’arrière-plan et la taille de police en pixels, convertit les couleurs en luminance sRGB et applique la formule de ratio standard. Les seuils suivent WCAG : 4,5:1 pour le texte normal AA, 7:1 pour le texte normal AAA ; 3:1 pour le grand texte AA, 4,5:1 pour le grand texte AAA.
Les fonctions optionnelles incluent la gestion de l’alpha, des simulations de daltonisme et des recommandations de couleurs en mode avancé.
Les utilisateurs ciblés sont les designers, les ingénieurs frontend, les professionnels de l’accessibilité et les équipes produits qui recherchent des résultats rapides, précis et conformes aux normes. La valeur unique réside dans l’évaluation par taille de texte avec un statut Pass/Fail clair et des sorties exportables pour la remédiation et la gouvernance.

Save your calculation history with a free account

Comment utiliser

Fournissez les couleurs de premier plan et d'arrière-plan, ainsi que la taille de police.
Lancez le calcul pour obtenir le rapport de contraste et le statut de conformité pour le texte normal et le texte en grande taille.
Examinez les résultats; si les rapports échouent, ajustez les couleurs ou la taille de la police.
Utilisez les alternatives de couleur recommandées si disponibles pour atteindre rapidement les cibles AA/AAA.
Exportez ou copiez le résultat pour documentation.

How to use online color contrast analyzer

Frequently Asked Questions

Trouvez des réponses rapides

Qu'est-ce que le rapport de contraste couleur ?

Le rapport est une métrique WCAG calculée à partir de la luminance relative du premier plan et de l'arrière-plan. Il s'exprime sous forme x:1 avec x ≥ 1; des valeurs plus élevées indiquent une meilleure lisibilité. L'outil affiche le ratio numérique et le verdict par taille de texte.

Comment les seuils sont-ils appliqués ?

Pour le texte normal, WCAG AA exige au moins 4,5:1 et AAA 7:1. Pour le texte en grande taille, AA exige 3:1 et AAA 4,5:1. L'outil applique ces seuils pour déterminer Pass ou Fail pour chaque contexte.

Comment la transparence est-elle gérée ?

Si une couleur contient un alpha, l’outil la compose par défaut sur du blanc avant de calculer la luminance. Cela donne une couleur effective. Le mode avancé peut ajuster ce traitement ou afficher les entrées brutes pour des analyses d’experts.

Quels formats d’entrée sont pris en charge ?

L’outil accepte les formats hex (#RRGGBB ou #RGB), rgb()/rgba() et les noms de couleurs CSS. Si une entrée ne peut pas être analysée, le résultat indique un code d’erreur plutôt qu’un message UI.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

Convertisseur Spotify vers MP3

Convertit des fichiers audio fournis localement en MP3, permettant l’écoute hors ligne et la compati...

Calculateur de distance routière

Calculateur de distance routière pour voyageurs, planificateurs logistiques et conducteurs pour esti...

Calculateur d’âge

Déterminez rapidement l’âge d’une personne à partir de sa date de naissance avec notre calculateur e...

Convertisseur de devises

Convertissez rapidement des montants entre différentes monnaies avec notre convertisseur de devises...

Votre avis compte

Aidez-nous à nous améliorer