Paire
#1a1a1a sur #ffffff
Résultat
21:1 (conforme AAA)
Outils de design
Vérificateur de contraste par lots — Vérifications WCAG multi-paires
Vérifiez le contraste WCAG pour plusieurs paires premier plan/arrière-plan à la fois. Consultez les niveaux AA/AAA et les aperçus de texte, utiles pour les audits du système de conception, les lots de couleurs de marque et les examens d'accessibilité.
ContrasteWCAGAccessibilité
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Vérificateur de contraste par lots
颜色配对
检查结果
添加颜色配对后显示批量对比度结果。
Cas d’usage
- Paires de couleurs du système de conception d'audit
- Vérification par lots du contraste des couleurs de la marque
- Vérifier l'accessibilité des couleurs du texte
Mode d’emploi
- Ajouter des paires de premier plan/arrière-plan
- Vérifier les ratios et Niveaux WCAG
- Ajustez les paires défaillantes et revérifiez
Exemples d’entrée et de sortie
FAQ
Quelle est la différence entre les WCAG AA et AAA ?
AA a besoin d'au moins 4,5:1 pour le texte normal et 3:1 pour le texte volumineux. AAA est plus strict : 7:1 normal et 4,5:1 grand.
En quoi cela diffère-t-il du vérificateur à paire unique ?
Cet outil vérifie plusieurs paires en parallèle. L'outil à paire unique est préférable pour affiner un premier plan et un arrière-plan.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Vérificateur de contraste de couleur
Vérificateur de contraste de couleur — WCAG AA/AAA
Calculez le contraste de premier plan/arrière-plan avec les règles WCAG 2.0 et vérifiez AA/AAA pour les textes normaux et de grande taille. Utile pour les palettes accessibles et la vérification de la lisibilité du frontend.
Contraste WCAG Accessibilité
Harmoniseur de couleurs
Harmoniseur de couleurs — Règles d'harmonie classiques
Choisissez une couleur de base et générez des schémas avec des règles complémentaires, analogues, triadiques, tétradiques, complémentaires ou monochromatiques. Prévisualisez l'utilisation de l'interface utilisateur et exportez les variables CSS pour le travail de la marque et des composants.
Palette Couleur Harmonie
Convertisseur de couleurs
Convertisseur de couleurs – HEX, RVB, HSL en ligne
Convertissez les couleurs parmi les variables HEX, RVB, HSL, HWB, CMJN et CSS dans votre navigateur. Comprend un sélecteur de couleurs et un assistant de couleurs aléatoires pour le transfert de conception, le travail sur les feuilles de style et l'alignement des couleurs de la marque.
Couleur HEX RVB