Comment utiliser le vérificateur de contraste des couleurs
- Saisissez les deux couleursSaisissez des codes HEX, comme #1a1a1a ou la forme courte #111, dans Couleur du texte et Couleur d’arrière-plan.
- Lancez la vérificationCliquez sur Lancer pour voir un aperçu du texte et le rapport de contraste.
- Lisez les résultats WCAGRéussi ou Échec s’affiche pour Texte normal AA (4,5:1), Grand texte AA (3:1), Texte normal AAA (7:1) et Grand texte AAA (4,5:1).
Utilisations courantes
- Vérifier le texte d’un bouton sur une couleur de marque
- Tester un texte gris clair avant une mise en ligne
- Documenter le contraste pour un audit d’accessibilité
Questions fréquentes
Comment utiliser le vérificateur de contraste des couleurs ?
1. Saisissez les deux couleurs: Saisissez des codes HEX, comme #1a1a1a ou la forme courte #111, dans Couleur du texte et Couleur d’arrière-plan. 2. Lancez la vérification: Cliquez sur Lancer pour voir un aperçu du texte et le rapport de contraste. 3. Lisez les résultats WCAG: Réussi ou Échec s’affiche pour Texte normal AA (4,5:1), Grand texte AA (3:1), Texte normal AAA (7:1) et Grand texte AAA (4,5:1).
Comment le rapport est-il calculé ?
Avec la formule de luminance relative du WCAG, (L1 + 0.05) / (L2 + 0.05), où L1 est la couleur la plus claire. Le ratio est affiché tronqué à deux décimales, et le verdict utilise la valeur exacte : 4.499:1 échoue en AA même s’il est proche de 4.5.
Quels niveaux WCAG sont vérifiés ?
AA pour le texte normal à 4.5:1, AA pour le grand texte à 3:1, AAA pour le texte normal à 7:1 et AAA pour le grand texte à 4.5:1.
Puis-je saisir des valeurs RVB ou des noms de couleurs ?
Non. Les deux champs demandent des codes HEX à six chiffres ou la forme courte à trois ; le signe # est facultatif.
Mes couleurs sont-elles conservées ?
Les deux codes HEX sont envoyés au serveur GigaTools, qui calcule le rapport et vous renvoie le résultat. Rien n’est enregistré.