Kleurcontrast controleren (WCAG)

Meet de WCAG 2.1-contrastverhouding tussen twee kleuren en zie of ze AA, AA Groot en AAA halen voor toegankelijke tekst. Draait volledig in je browser.

Privacy voorop: elke afbeelding wordt lokaal in je browser verwerkt. Er wordt niets geüpload, opgeslagen of naar een server verzonden.

Contrast is een toegankelijkheidseis, geen kwestie van smaak

WCAG vereist dat tekst met zijn achtergrond contrasteert op 4.5:1 voor normale tekst (AA) en 7:1 voor AAA — voor veel organisaties juridisch terrein. Tekst over afbeeldingen zakt voortdurend, omdat ontwerpers het contrast beoordelen tegen het gemiddelde van de afbeelding, terwijl gebruikers het lezen tegen de lichtste plek.

Meet tegen de echte afbeelding

Kies je tekstkleur en bemonster de daadwerkelijke achtergrond uit de afbeelding zelf; de checker berekent de verhouding en beoordeelt die tegen de AA- en AAA-drempels voor normale en grote tekst. Los buizen op door de overlay donkerder of de tekst lichter te maken — en meet opnieuw tot het slaagt. Alles lokaal, niets geüpload.

Veelgestelde vragen

Wordt mijn afbeelding geüpload voor analyse?
Nee. Kleurextractie, histogrammen en contrastcontroles draaien allemaal lokaal in je browser.
Welke kleurinformatie kan ik krijgen?
Dominante kleuren, een kopieerbaar palet met hexcodes en aandeelpercentages, en volledige RGB- en luminantiehistogrammen.
Waar dient de contrastcontrole voor?
Die meet de WCAG 2.1-contrastverhouding tussen twee kleuren en toont of ze slagen voor AA, AA Large en AAA voor toegankelijke tekst.
Kan ik de kleurcodes kopiëren?
Ja. Klik op een staal om de hexcode te kopiëren, of kopieer het hele palet in één keer.