DesignGratis

Contrast Checker

Check direct de WCAG-contrastverhouding tussen twee kleuren.

Aan de slag

Zo werkt het

1

Kleuren invoeren

Typ HEX-codes, gebruik RGB/HSL-schuifregelaars of pak kleuren van je scherm met de eyedropper.

2

Resultaten bekijken

Bekijk de contrastverhouding en WCAG AA/AAA-status voor zowel kleine als grote tekst.

3

Suggesties toepassen

Als je combinatie niet slaagt, klik dan op een suggestie om de dichtstbijzijnde passende kleur te vinden.

Wat je krijgt

Functies

Realtime WCAG 2.1 AA- en AAA-contrastverhoudingscontrole
Kleurinvoer via HEX, RGB en HSL
Ingebouwde eyedropper om kleuren van je scherm te pakken
Slimme suggesties voor de dichtstbijzijnde passende kleuren
Kleurenblindheid-simulatie (protanopie, deuteranopie, tritanopie)
Live voorbeeld met realistische UI-elementen

Ontdek meer

Gerelateerde apps

Design

Color Palette Generator

Genereer, pas aan en exporteer prachtige kleurenpaletten.

Design

Image Color Picker

Haal kleuren uit elke afbeelding en analyseer ze.

Design

Pantone Finder

Vind de dichtstbijzijnde Pantone- en drukkleuren bij elke HEX-waarde.

Vragen

Veelgestelde vragen

Welke contrastverhouding heb ik nodig voor WCAG AA?

WCAG AA vereist minimaal een contrastverhouding van 4.5:1 voor normale tekst en 3:1 voor grote tekst (18px bold of 24px normaal). Dit is de standaard waar de meeste websites op mikken.

Wat is het verschil tussen WCAG AA en AAA?

AA is het standaardniveau met een vereiste van 4.5:1 voor tekst. AAA is het versterkte niveau met een vereiste van 7:1 voor tekst en 4.5:1 voor grote tekst. AAA biedt betere leesbaarheid voor gebruikers met slechtziendheid.

Hoe werkt de kleurenblindheid-simulatie?

We simuleren drie typen kleurenzienstoornis — protanopie (roodblind), deuteranopie (groenblind) en tritanopie (blauwblind) — met Viénot 1999-matrices om te laten zien hoe je kleuren eruitzien voor getroffen gebruikers.

Kan ik het contrast van mijn merkkleuren testen?

Zeker, voer je merkkleuren in en test ze tegen verschillende achtergronden. In het Oase-dashboard zijn je brand kit-kleuren altijd beschikbaar om met één klik het contrast te checken.

In het dashboard

Deze app is gratis. Het dashboard maakt het krachtig.

Je gebruikt één app. In Oase werken alle 18 samen, verbonden met je projecten, klanten, bestanden en team.

Context die opbouwt

Apps in het dashboard werken met je projectbestanden, brand kits en klantassets. Niets opnieuw uploaden.

Team- en klanttoegang

Je designers en klanten gebruiken elke tool vanuit hetzelfde dashboard, met rechten en gedeelde context.

Dune AI-assistent

AI die je merk, je klanten en je projecten kent. Binnenkort beschikbaar.

Batchbewerkingen

Verwerk 10, 50 of 200 bestanden tegelijk. Verklein een hele opleverset. Eén klik.

Start gratis proefperiodeBekijk alle 18 apps

Gratis plan bevat alle 18 apps. Geen creditcard nodig.