Texte normal
Grand texte
Corrections rapides
Titre de l'aperçu
Le vif renard brun saute par-dessus le chien paresseux
Exemple de petit texte (12px)
Normes WCAG
Level AA
Ratio de contraste minimal de {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} pour le texte normal et 3:1 pour le texte large. Requis pour la plupart des sites web.
Level AAA
Ratio de contraste amélioré de 7:1 pour le texte normal et {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} pour le texte large. Recommandé pour une accessibilité optimale.
Contraste insuffisant pour toutes les tailles de texte - ne respecte pas les normes WCAG.
Vérificateur de contraste des couleurs
Calcule le ratio de contraste entre les couleurs du texte et de l'arrière-plan.
Choisissez une couleur à l'aide du sélecteur de couleur pour la couleur du texte et de l'arrière-plan ou saisissez une couleur au format hexadécimal RGB (par exemple, #259 ou #2596BE). Vous pouvez ajuster le curseur pour sélectionner la couleur. Les Web Content Accessibility Guidelines (WCAG) ont une directive spécifique pour déterminer si le texte est lisible pour les utilisateurs voyants. Ce critère utilise un algorithme particulier pour mapper les combinaisons de couleurs en ratios comparables. Selon cette formule, les WCAG indiquent qu'un ratio de contraste de couleur de {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} entre le texte et son arrière-plan est adéquat pour le texte normal, et le texte large (18+ pts normal, ou 14+ pts gras) doit avoir au moins un ratio de contraste de 3:1.
Caractéristiques principales
- • Calcul du ratio de contraste en temps réel
- • Vérification de la conformité WCAG AA & AAA
- • Curseurs HSL pour un réglage précis
- • Formats d'aperçu multiples
Outils avancés
- • Correction automatique des couleurs
- • Échantillons de texte et de fond
- • Détection du nom de la couleur
- • Exporter les résultats