Kleurcontrast-checker

Een nauwkeurige kleurcontrast-checker voor ontwerpers en webontwikkelaars om toegankelijke voorgrond- en achtergrondkleuren op alle schermen te waarborgen.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

3,404+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

About This Tool

De tool accepteert twee kleuren in hex, RGB of namen. Het normaliseert invoerwaarden, berekent de luminantie en geeft het contrastverhouding.
Typische uitkomsten omvatten een numerieke verhouding en een pass/fail-status voor WCAG AA- en AAA-doelen.
Voorbeeld: voorgrond #000000 op achtergrond #FFFFFF geeft 21:1 en voldoet aan beide doelen.
Achter de schermen gebruikt het standaard sRGB gamma-correctie en WCAG-conforme formules. Luminantie wordt berekend uit lineaire RGB-componenten, waarna de verhouding wordt berekend als (L1+0.05)/(L2+0.05), met L1 als de lichtere kleur.
Het markeert ook niet-ideale kleurcombinaties en legt uit waarom.
Doelgroep: UI/UX-designers, frontend-ontwikkelaars, toegankelijkheidsingenieurs en contentstrategen die snelle checks nodig hebben tijdens paletselectie, tekstopmaak of themabijstelling.
Ondersteunt batch-checks via meerdere invoerparen en levert een gestructureerd rapport.

Save your calculation history with a free account

How to Use

Voer de invoer in: voer foreground en background kleuren in hex, RGB of namen in.
Valideer kleuren: invoer vereist en moet geldige CSS-kleurenwaarden zijn.
Voer berekening uit: tool berekent luminantie, contrastverhouding en pass/fail.
Bekijk resultaten: controleer AA/AAA-status en suggesties voor aanpassingen.
Exporteer of bewaar resultaten voor audits.

Frequently Asked Questions

Find Quick Answers

Wat is het contrasteverhouding en waarom is het belangrijk?

Het contrastverhouding meet het verschil in helderheid tussen voorgrond- en achtergrondkleuren en beoordeelt de leesbaarheid van tekst. Hogere verhoudingen verbeteren de leesbaarheid, vooral bij kleine tekst of in fel verlichte omgevingen, en helpen te voldoen aan WCAG-accessibiliteitsvereisten.

Wat betekenen AA- en AAA-doelen?

AA-doelen definiëren de minimale toegestane contrast voor normale tekst (meestal 4,5:1) en grote tekst (3:1). AAA-doelen eisen een hogere norm (meestal 7:1). Het behalen van deze doelen verbetert de toegankelijkheid voor diverse gebruikers.

Kan ik ook kleurenamen invoeren naast hex-codes?

Ja. De checker accepteert hex, RGB en standaard CSS-kleurnamen. Invoer wordt genormaliseerd naar een gemeenschappelijke kleurruimte voordat luminantie en verhouding worden berekend.

Kan ik resultaten exporteren of delen?

Resultaten kunnen gekopieerd of opgeslagen worden als gestructureerde data en in audits gebruikt worden. De tool levert een schoon numeriek verhouding, luminantiewaarden en pass/fail-statussen, geschikt voor documentatie.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

Spotify naar MP3-converter

Converteert lokaal aangeleverde audio naar MP3, waardoor offline luisteren en cross-device compatibi...

Wegafstandberekenaar

Een wegafstandcalculator voor reizigers, logistieke planners en chauffeurs om snel afstanden en reis...

Leeftijd Berekenen

Bepaal snel de leeftijd van een persoon op basis van hun geboortedatum met onze gratis online calcul...

Valutaconverter

Reken snel bedragen om tussen verschillende valuta’s met onze gratis online valutaconverter, geschik...

Your Feedback Matters

Help Us to Improve