🛝Toolio
À propos Contact

🌗 Vérificateur de contraste des couleurs (WCAG AA / AAA)

Vérifiez instantanément si votre paire de couleur de texte et d'arrière-plan respecte les normes d'accessibilité WCAG 2.x AA ou AAA — directement dans votre navigateur, gratuit, sans que les données ne quittent jamais votre appareil. Choisissez ou tapez une couleur hexadécimale, voyez le ratio de contraste exact et obtenez des badges clairs pass/fail pour le texte normal, le texte grand et les deux niveaux de conformité.

Couleur du texte
Couleur du fond
Résultats du Contraste
rapport de contraste
Aperçu en Temps Réel

Confidentiel par conception. Cet outil fonctionne entièrement dans votre navigateur — rien de ce que vous saisissez n'est téléversé ni stocké, et il marche hors ligne.

À propos

La formule de ratio de contraste WCAG (Web Content Accessibility Guidelines) calcule la luminance relative de chaque couleur en utilisant la norme IEC 61966-2-1 sRGB, puis calcule à quel point une couleur est plus claire que l'autre. Un ratio de 4,5:1 ou plus satisfait le niveau AA pour le texte normal (16 px), tandis qu'un ratio de 7:1 ou plus répond au niveau AAA. Le texte grand (24 px ou 18,67 px en gras) a des seuils plus souples : 3:1 pour AA et 4,5:1 pour AAA. Cet outil exécute l'algorithme complet WCAG 2.x entièrement dans votre navigateur — aucun serveur, aucun compte. Les résultats sont stockés localement, donc votre dernière paire de couleurs est prête lorsque vous revenez.

Comment l'utiliser

  1. Choisissez votre couleur de texte à l'aide du sélecteur de couleur ou tapez un code hexadécimal (ex. #1a2b3c) dans le champ Couleur de texte.
  2. Choisissez votre couleur d'arrière-plan de la même manière dans le champ Couleur d'arrière-plan. Utilisez le bouton Échanger pour inverser rapidement les deux couleurs.
  3. Lisez le ratio de contraste affiché en texte grand et vérifiez les quatre badges pass/fail : AA et AAA pour le texte normal et le texte grand.
  4. Prévisualisez l'aspect réel de votre texte sur l'arrière-plan choisi dans la section Aperçu en direct avant de finaliser votre conception.

FAQ

Ce vérificateur de contraste WCAG est-il gratuit à utiliser ?
Oui, complètement gratuit sans inscription, sans mur de paiement et sans limites d'utilisation. Ouvrez la page et commencez à vérifier les couleurs dès maintenant.
Fonctionne-t-il hors ligne ou sans connexion Internet ?
Oui. Tous les calculs s'exécutent entièrement dans votre navigateur à l'aide de JavaScript. Une fois que la page est chargée, vous pouvez vous déconnecter d'Internet et l'outil continue de fonctionner. Aucune donnée n'est envoyée vers un serveur.
Mes données de couleur sont-elles privées ? Quelque chose est-il téléchargé ?
Vos couleurs ne quittent jamais votre navigateur. Aucune analyse sur les couleurs que vous entrez, aucun téléchargement, aucune partage avec des tiers. Votre dernière paire de couleurs est enregistrée uniquement dans le localStorage de votre navigateur.
Quelle est la différence entre WCAG AA et AAA ?
AA est le standard minimum requis par la plupart des réglementations (ex. ADA, EN 301 549). Le texte normal nécessite un ratio de 4,5:1 ; le texte grand (24 px ou gras 18,67 px) nécessite 3:1. AAA est une accessibilité améliorée : 7:1 pour le texte normal et 4,5:1 pour le texte grand. Visez au moins AA dans toutes les conceptions de production.
Puis-je vérifier les couleurs en utilisant un code hexadécimal abrégé à 3 chiffres comme #fff ?
Oui. L'outil accepte à la fois les codes hexadécimaux abrégés à 3 chiffres (#rgb) et les codes complets à 6 chiffres (#rrggbb). Tapez ou collez simplement votre couleur et le vérificateur l'élargit et la valide automatiquement.
Cet outil téléverse-t-il mes données ?
Non. Tout s'exécute dans votre navigateur, vos données ne quittent jamais votre appareil — et une fois la page chargée, cela marche même hors ligne.