Recherche de noms de couleurs WCAG

• Vérification instantanée de conformité WCAG : l'outil évalue plus de 250 couleurs nommées par rapport à votre arrière-plan à chaque frappe. Chaque couleur affiche son rapport de contraste WCAG exact et son niveau de conformité (AAA, AA, AA Large ou Échec) - aucun bouton à presser, aucun rechargement de page nécessaire.
• Plus de 250 couleurs nommées de 3 sources : comprend les 148 couleurs nommées CSS, plus de 50 noms de couleurs X11 étendus et plus de 80 approximations Pantone - ce qui vous donne la plus large palette possible de couleurs de texte accessibles pour n'importe quelle couleur d'arrière-plan.
• 100 % confidentiel - aucun envoi : tous les calculs de contraste se font localement dans votre navigateur. Vos valeurs de couleur ne quittent jamais votre appareil et ne sont jamais envoyées à un serveur - sûr pour les projets clients et les systèmes de marque propriétaires.
• Gratuit et sans limite : vérifiez un nombre illimité de couleurs d'arrière-plan sans inscription, sans abonnement et sans plafond d'utilisation. L'outil est entièrement gratuit pour toujours, sans publicité bloquant l'interface.

• Développement frontend accessible : les développeurs frontend utilisent l'outil pour choisir des couleurs de texte respectant les exigences d'accessibilité. Saisissez la couleur d'arrière-plan de votre design et voyez instantanément quelles couleurs nommées CSS sont conformes WCAG AA ou AAA - puis copiez la valeur HEX directement dans votre feuille de styles.
• Audit de conformité WCAG AA/AAA : les auditeurs d'accessibilité utilisent l'outil pour identifier rapidement des alternatives de couleurs de texte accessibles pour n'importe quel arrière-plan. Les badges réussite/échec codés par couleur et l'affichage du rapport de contraste facilitent la vérification que les choix de couleurs de texte respectent les normes légales d'accessibilité.
• Sélection de jetons de couleur de système de design : les responsables de systèmes de design utilisent l'outil pour valider les jetons de couleur de texte. En testant chaque jeton par rapport à tous les jetons d'arrière-plan, ils peuvent documenter quelles combinaisons sont conformes WCAG AA/AAA et lesquelles nécessitent des valeurs alternatives pour l'accessibilité.
• Accessibilité des applications mobiles : les développeurs d'applications mobiles utilisent l'outil pour choisir des couleurs de texte pour les applications iOS et Android. L'outil fonctionne avec n'importe quelle couleur d'arrière-plan HEX - saisissez simplement l'arrière-plan de votre application et parcourez des noms de couleurs accessibles avec leurs rapports de contraste exacts.
• Tests d'accessibilité pour la basse vision : les designers testant l'accessibilité pour la basse vision utilisent l'outil pour vérifier que leurs choix de couleurs respectent les exigences de contraste renforcé (AAA). Le mode filtre AAA n'affiche que les couleurs les plus contrastées, adaptées aux utilisateurs ayant une déficience visuelle modérée.
• Design de contenu web et d'e-mails : les créateurs de contenu web et les designers d'e-mails utilisent l'outil pour s'assurer que leur texte est lisible sur diverses couleurs d'arrière-plan. Avec plus de 250 couleurs nommées de sources multiples, il offre plus d'options accessibles que de deviner des valeurs de couleur manuellement.

Les Règles pour l'accessibilité des contenus Web (WCAG) définissent des rapports de contraste minimaux pour garantir que le texte est lisible par les utilisateurs ayant une déficience visuelle, y compris la basse vision et la déficience de la vision des couleurs. L'outil vous aide à identifier quelles couleurs nommées (de sources CSS, X11 et Pantone) offrent un contraste suffisant sur n'importe quelle couleur d'arrière-plan. Le rapport de contraste est calculé à l'aide de la formule de luminance relative WCAG 2.1, produisant une valeur comprise entre 1:1 (aucun contraste) et 21:1 (maximum - noir sur blanc).

1. Saisissez votre couleur d'arrière-plan : tapez une valeur HEX (par exemple #1E3A5F) ou utilisez le sélecteur de couleur pour choisir une couleur visuellement. Vous pouvez aussi cliquer sur l'un des 16 préréglages d'arrière-plan (Blanc, Noir, Marine, Beige, etc.) pour un test rapide. Tout le traitement se fait localement dans votre navigateur - vos données de couleur ne quittent jamais votre appareil.
2. Parcourez les couleurs accessibles : l'outil évalue instantanément les plus de 250 couleurs nommées de notre base par rapport à votre arrière-plan. Chaque couleur affiche son rapport de contraste, un badge de conformité (AAA, AA, AA Large ou Échec) et un aperçu visuel de la couleur sur votre arrière-plan. Utilisez les onglets de filtre pour n'afficher que les couleurs conformes AA+ ou AAA.
3. Copiez n'importe quelle couleur : cliquez sur n'importe quelle carte de couleur pour copier sa valeur HEX dans votre presse-papiers. Les couleurs sont triées par rapport de contraste (du plus élevé au plus faible), ce qui permet de trouver rapidement la couleur de texte la plus contrastée pour votre design.

• AAA (7:1) : contraste renforcé pour le texte normal. La norme WCAG la plus élevée, recommandée pour les utilisateurs ayant une déficience visuelle modérée. Seules les couleurs les plus contrastées atteignent ce niveau. Idéal pour le corps de texte des sections de lecture critiques ou pour des expériences pensées pour l'accessibilité en priorité.
• AA (4,5:1) : contraste minimum pour le texte normal. C'est la norme légale exigée par la plupart des réglementations d'accessibilité, notamment la Section 508 et l'ADA. Tout le corps de texte inférieur à 18 pt (ou 14 pt gras) doit atteindre ce niveau. C'est le niveau WCAG le plus couramment visé pour le contenu web.
• AA Large (3:1) : contraste minimum pour le texte de grande taille (≥18 pt ou ≥14 pt gras) et les composants d'interface. Cela s'applique aussi aux éléments non textuels comme les icônes, les bordures et les objets graphiques selon le critère de succès 1.4.11 de WCAG 2.1.
• Échec (<3:1) : ne respecte aucune exigence de contraste de texte WCAG. Les couleurs de ce niveau ne doivent pas être utilisées pour le texte ou les éléments d'interface essentiels sur cet arrière-plan. Envisagez de les réserver à des fins décoratives.

Notre Recherche de noms de couleurs WCAG utilise la formule standard de luminance relative WCAG 2.1, qui tient compte de la sensibilité variable de l'œil humain aux différentes longueurs d'onde de la lumière. La formule convertit d'abord chaque couleur en ses composantes sRGB linéaires, puis applique les poids de luminance standard (rouge : 0,2126, vert : 0,7152, bleu : 0,0722). Le rapport de contraste est calculé comme (L1 + 0,05) / (L2 + 0,05), où L1 est la luminance de la couleur la plus claire et L2 celle de la plus sombre. Cela donne une mesure mathématiquement précise du contraste perçu, allant de 1:1 (couleurs identiques) à 21:1 (noir sur blanc).