Outil de contraste des couleurs

Aide les designers et développeurs à vérifier le contraste WCAG entre le premier plan et l'arrière-plan pour l'accessibilité Web dans les interfaces et contenus.

Request Feature / Support
8,688+
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.

Popular ideas:
100% FREE • No Credit Card Required

À propos de cet outil

Cet outil calcule le ratio de contraste des couleurs entre deux couleurs d'entrée en utilisant les formules WCAG. Il accepte une couleur de premier plan et une couleur d'arrière-plan en formats hex ou rgb et retourne un ratio numérique ainsi que l'applicabilité AA et AAA.
Conceptuellement, le flux analyse les entrées, les convertit en sRGB, calcule la luminance relative de chaque couleur, puis applique la formule de contraste WCAG. Le calcul utilise L = 0,2126R + 0,7152G + 0,0722B après linéarisation des valeurs sRGB, et Contraste = (L1+0,05)/(L2+0,05) avec L1 ≥ L2.
Qui en bénéficie: ingénieurs front-end, designers UI/UX, équipes QA et équipes produit pour audits d'accessibilité. Cas d'usage: texte sur des images, boutons sur des arrière-plans variés, thématisation, palettes réactives en modes clair et sombre.
Valeur unique: il gère plusieurs formats d'entrée, fournit des résultats numériques précis, et indique clairement la conformité pour le texte standard et le texte de grande taille. Des fonctions facultatives incluent des conseils automatisés pour ajuster les paires de couleurs afin de passer les seuils, des résultats prêts à exporter pour les handoffs de design et des sorties lisibles par machine pour les pipelines d'automatisation.

Comment utiliser

  1. Fournir les entrées : couleur de premier plan et couleur d'arrière-plan en hex ou rgb.
  2. Optionnel : régler la taille du texte en px pour le contexte standard ou le texte agrandi.
  3. Sélectionner le mode accessibilité (AA ou AAA).
  4. Lancer le calcul et examiner les résultats.
  5. Ajuster les couleurs pour atteindre les seuils souhaités et relancer.
How to use color tool windows

Frequently Asked Questions

Trouvez des réponses rapides

Quels formats de couleur sont pris en charge ?
L'outil accepte les couleurs hex (#RRGGBB ou #RGB) et les valeurs rgb(a). Il normalise les entrées dans l'espace colorimétrique sRGB pour le calcul. Les couleurs nommées ne sont pas garanties dans tous les environnements.
Comment le rapport de contraste est-il calculé ?
Les entrées sont analysées et converties en valeurs sRGB linéarisées. La luminance relative L est calculée comme L = 0,2126R + 0,7152G + 0,0722B. Le rapport de contraste est (L1 + 0,05) / (L2 + 0,05) selon les formules WCAG.
Comment interpréter les résultats ?
L'outil retourne le contraste et des indicateurs passes_AA et passes_AAA. Pour le texte de taille normale, AA nécessite au moins 4,5:1 et AAA 7:1. Pour le texte en grand, AA nécessite 3:1 et AAA 4,5:1.
Des simulations de périphérique ou d'espace colorimétrique sont-elles incluses ?
L'outil utilise par défaut le sRGB et ne simule pas le rendu propre à un appareil ni les différences perceptuelles entre les affichages. Il se concentre sur le contraste WCAG standard.

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.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Convertisseur Spotify vers MP3

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

Color & Design Tools

Calculateur de distance routière

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

Color & Design Tools

Calculateur d’âge

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

Color & Design Tools

Convertisseur de devises

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

Votre avis compte

Aidez-nous à nous améliorer