Afbeelding- en designtools
Contrast Checker
Contrast Checker draait in de browser om resultaten te controleren, converteren of voorbereiden zonder invoer naar een server te sturen.
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 is een lokale browsertool voor de afbeelding- en designworkflow. Invoer, opties en resultaat blijven op één pagina.
How to use it
- Plak invoer
Voer de waarde in of plak deze in het invoerveld.
- Pas opties aan
Kies modus, formaat of eenheid passend bij contrast, WCAG, accessibility.
- Controleer resultaat
Voer de tool uit en kopieer of download het resultaat na controle.
Examples
Contrast Checker voorbeeld
- Input
- Voorbeeldinvoer
- Output
- Uitvoer gecontroleerd in de browser.
Practical tips
- Begin bij grote inhoud met een klein voorbeeld.
- Advertenties blijven buiten hoofdknoppen en resultaatpanelen.
FAQ
Welke invoer gebruik ik voor Contrast Checker?
Gebruik waarden die passen bij de zichtbare taak en pas opties aan voor het uitvoeren.
Kan ik het resultaat van Contrast Checker kopiëren?
Ja. Controleer het resultaat en kopieer of download het daarna.
Werkt Contrast Checker op mobiel?
Ja. Invoer, opties en resultaat stapelen netjes op kleine schermen.
Wordt mijn invoer naar een server gestuurd?
Nee. De tool is ontworpen om invoer in de browser te verwerken.