Color Tools

Vérificateur de Contraste

Vérifier ratios de contraste couleur pour conformité WCAG. Vérifier normes AA et AAA.

Fait partie des 445+ outils gratuits de Yoopla.

Échantillon Heading

Il s'agit d'un texte normal (18px). Le renard brun rapide saute par-dessus le chien paresseux.

Il s'agit d'un petit texte (14px). Le renard brun rapide saute par-dessus le chien paresseux.

Contraste Rapport

21.00:1
WCAG AA – Texte normal
PASS (Minimum: 4.5:1)
WCAG AA – Texte en gros
PASS (Minimum: 3:1)
WCAG AAA - Texte normal
PASS (Minimum: 7:1)

WCAG Guidelines

AA Normal : 4.5:1 minimum for text smaller than 18pt (or 14pt bold).

AA Grand : 3:1 minimum for text 18pt+ (or 14pt+ bold).

AAA : 7:1 minimum for enhanced accessibility.

Importance : Un bon contraste garantit la lisibilité pour les utilisateurs malvoyants.

How to Use Vérificateur de Contraste

  1. 1

    Choisir couleur texte.

  2. 2

    Choisir couleur fond.

  3. 3

    Voir ratio.

  4. 4

    Vérifier WCAG.

  5. 5

    Voir aperçu.

Frequently Asked Questions

Qu'est-ce que le ratio de contraste WCAG ?

WCAG (Directives d'Accessibilité Sie Contenu Web) définit des ratios minimum de contraste pour texte lisible. Texte normal nécessite 4.5:1 (AA) ou 7:1 (AAA). Grand texte nécessite 3:1 (AA) ou 4.5:1 (AAA).

Pourquoi le contraste de couleur est-il important ?

Un bon contraste garantit que le texte soit lisible pour tous, y compris les personnes ayant une vision faible ou un daltonisme. C'est légalement requis pour de nombreux sites web et améliore l'expérience utilisateur pour tous.

Quelles couleurs ont un bon contraste ?

Noir sur blanc (21:1) est le contraste maximum. Bleu foncé sur blanc, blanc sur gris foncé et violet foncé sur jaune clair fonctionnent bien. Évitez gris clair sur blanc ou bleu foncé sur noir.

Ce vérificateur est-il gratuit ?

Oui, ce vérificateur de contraste WCAG est entièrement gratuit et vérifie le contraste de couleur instantanément pour une conception accessible.

Partager l'outil

Partagez cet outil avec d'autres

Related Tools

Explorez l’écosystème autour de

Catégorie: Color Tools

Utilisez cet outil comme point de départ, puis explorez les outils voisins, les hubs thématiques, les comparaisons et les alternatives gratuites.

Outils Connexes

Découvrez d'autres outils qui fonctionnent bien avec Vérificateur de Contraste

Hubs Thématiques

Explorez des pages piliers et des workflows connectés

Articles et Guides Connexes

En savoir plus sur l'utilisation efficace des outils

Comparaisons d'Outils

Comparez les fonctionnalités et choisissez le bon outil

Collections des Meilleurs Outils

Listes organisées des outils les mieux notés

Vérificateur de Contraste | Yoopla