Outils image et design
Contrast Checker
Contrast Checker fonctionne dans le navigateur pour vérifier, convertir ou préparer des résultats sans envoyer l'entrée à un serveur.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker est un outil local du navigateur pour le flux image et design. L'entrée, les options et le résultat restent sur une seule page.
How to use it
- Coller l'entrée
Saisissez ou collez la valeur à traiter dans la zone d'entrée.
- Ajuster les options
Choisissez le mode, le format ou l'unité correspondant à contrast, WCAG, accessibility.
- Vérifier le résultat
Exécutez l'outil, puis copiez ou téléchargez le résultat après vérification.
Examples
Exemple Contrast Checker
- Input
- Entrée d'exemple
- Output
- Résultat vérifié dans le navigateur.
Practical tips
- Pour les grandes entrées, commencez par un petit échantillon.
- Les annonces restent hors des contrôles et des panneaux de résultat.
FAQ
Quelle entrée utiliser avec Contrast Checker ?
Utilisez des valeurs adaptées à la tâche visible, puis ajustez les options avant d'exécuter.
Puis-je copier le résultat de Contrast Checker ?
Oui. Vérifiez le résultat, puis copiez-le ou téléchargez-le lorsqu'il convient.
Contrast Checker fonctionne-t-il sur mobile ?
Oui. L'entrée, les options et le résultat s'empilent proprement sur petits écrans.
Mon entrée est-elle envoyée à un serveur ?
Non. L'outil est conçu pour traiter l'entrée dans le navigateur.