--- title: "Kleurcontrast-checker tool" description: "Gebruik de Color Contrast Checker van Devife om je kleurcombinaties te testen op WCAG-conformiteit. Zorg voor toegankelijke, hoog-contrast webdesigns met onze snelle en gebruiksvriendelijke tool." canonical_url: "https://devife.com/resources/tools/color-contrast-checker" --- > Index of every page on this site: [llms.txt](https://devife.com/llms.txt) ## Controleer kleurcontrast voor toegankelijk webdesign Kleurcontrast bepaalt hoe makkelijk mensen tekst van de achtergrond kunnen onderscheiden. Vul hierboven twee HEX-kleuren in om de contrastverhouding te berekenen en direct te zien of de combinatie voldoet aan de WCAG 2.1-richtlijnen voor normale en grote tekst. ## Wat is een goede contrastverhouding? WCAG AA vereist minimaal **4,5:1 voor normale tekst** en **3:1 voor grote tekst**. Voor AAA gelden verhoudingen van 7:1 en 4,5:1. Grote tekst is minimaal 24px, of 18,66px wanneer de tekst vetgedrukt is. ## Zo gebruik je de kleurcontrast-checker 1. Vul de HEX-waarde van je tekstkleur in. 2. Vul de HEX-waarde van de achtergrondkleur in. 3. Bekijk het voorbeeld, de contrastverhouding en de WCAG-resultaten. 4. Pas een van de kleuren aan totdat de combinatie het gewenste niveau haalt. ## Waarom toegankelijk kleurcontrast belangrijk is Goed contrast helpt mensen met verminderd zicht, kleurenblindheid en gebruikers die een scherm bij lastig licht bekijken. Het maakt de visuele hiërarchie voor iedereen duidelijker. Controleer vooral bodytekst, knoppen, links, formulierlabels en tekst die over afbeeldingen staat. ## Sitemap See the full [sitemap](https://devife.com/sitemap.md) for all pages.