Contrastchecker

Toets twee kleuren aan de WCAG-contrastnormen voor tekst.

Op je apparaat · Geen account

Contrastchecker verwerkt je invoer in deze browser. Invoer en resultaten worden niet opgenomen in de statistieken. Bij recent gebruikte tools worden toolnamen, aantallen bezoeken en tijdstippen van het laatste bezoek opgeslagen. Bij opgeslagen tools worden alleen de namen bewaard. Concepten opslaan is optioneel en gebeurt op dit apparaat; verwijder opgeslagen tekst met de knoppen voor het concept. Tekst laden via een URL is optioneel en maakt verbinding met die server; de server ziet de URL en je IP-adres. De optionele actie “Gebruiken in” bewaart gegevens voor overdracht in dit tabblad. De volgende tool verwijdert die gegevens bij het openen en negeert ze als er meer dan een minuut is verstreken.

‘Link kopiëren’ neemt de invoer die je wilt delen op in het webadres. Iedereen met die link kan de invoer opnieuw openen. Bestanden en gegenereerde resultaten worden niet opgenomen. Tools voor wachtwoorden en sleutels delen alleen instellingen.

Opties en lokaal bestand

Optionele instellingen gelden alleen voor dit tabblad.

Je resultaat

Meer
Sneltoetsen

Over links en resetten

Links bevatten je invoer en instellingen. Iedereen met de link kan die zien, dus laat privétekst weg. Bestanden en gegenereerde resultaten worden niet opgenomen; willekeurige trekkingen worden opnieuw uitgevoerd.

Resetten laadt de tool opnieuw met de beginwaarden, sluit geopende bestanden en geeft de bediening van apparaten vrij. Opgeslagen concepten blijven op dit apparaat staan totdat je ze verwijdert.

Hoe werkt de contrastchecker?

Bereken de contrastverhouding volgens WCAG 2.2 tussen twee ondoorzichtige sRGB-kleuren. De resultaten voor normale en grote tekst worden apart weergegeven. De toetsing gebruikt de volledige verhouding voordat die voor de weergave wordt afgerond.

Volgende: CSS-layoutgenerator

Volgende: Px naar rem omrekenen

Voorbeeld

Zwart op wit heeft een contrastverhouding van 21:1 en voldoet aan de vermelde normen voor tekst. Gelijke voor- en achtergrondkleuren hebben een verhouding van 1:1.

Voordat je het resultaat gebruikt

Contrast alleen bepaalt niet of iets toegankelijk is. Transparante kleuren, kleurverlopen, afbeeldingen, focusindicatoren en de weergegeven tekstgrootte moeten apart worden beoordeeld. Grote tekst is minimaal 18pt bij normaal gewicht of 14pt bij vetgedrukte tekst.

Bijgewerkt

Deze pagina citeren

ToolOctopus. “Contrastchecker.” Bijgewerkt 7 oktober 2026. https://tooloctopus.com/nl/contrastchecker.

Voeg een raadpleegdatum toe als je instructies dat vereisen.

Bronvermeldingen worden opgemaakt met citeproc-js van Frank Bennett en stijlen uit Citation Style Language. Licentie en broncode.

Zoek een tool

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.