Kleurcontrast-tool

Helpt ontwerpers en ontwikkelaars WCAG-conforme kleurcontrast te verifiëren tussen voorgrond- en achtergrondkleuren voor webtoegankelijkheid in interfaces en inhoud.

Request Feature / Support
8,684+
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.

Popular ideas:
100% FREE • No Credit Card Required

About This Tool

Dit hulpmiddel berekent het kleurcontrast tussen twee invoerkleuren volgens WCAG-formules. Het accepteert voorgrond- en achtergrondkleuren in hex- of rgb-formaten en geeft een numeriek contrastverhouding weer, evenals AA- en AAA-toepasbaarheid.
Procesmatig analyseert de workflow de invoer, converteert deze naar sRGB, berekent de relatieve luminantie van elke kleur en past vervolgens de WCAG-contrastformule toe. De berekening gebruikt L = 0,2126R + 0,7152G + 0,0722B na linearisatie van sRGB-waarden en Contrast = (L1+0,05)/(L2+0,05) met L1 ≥ L2.
Wie profiteert: frontend-ontwikkelaars, UI/UX-designers, QA-teams en productteams die toegankelijkheidsaudits uitvoeren. Toepassingen omvatten tekst over afbeeldingen, knoppen tegen verschillende achtergronden, theming en responsieve paletten in lichte en donkere modus.
Unieke waarde: ondersteunt meerdere invoerformaten, levert nauwkeurige numerieke resultaten en geeft duidelijk aan of een ontwerp voldoet aan standaard- en grof-tekstnormen. Optionele functies omvatten automatische aanbevelingen om kleurparen aan te passen, exportklare resultaten voor ontwerpoverschakelingen en machineleesbare uitvoer voor automatiseringspijplijnen.

How to Use

  1. Voer de invoer in: voorgrond- en achtergrondkleur in hex of rgb.
  2. Stel optioneel de tekstgrootte in px in om normale vs grote tekst te simuleren.
  3. Kies de toegankelijkheidsmodus (AA of AAA).
  4. Voer de berekening uit en bekijk de resultaten.
  5. Pas kleuren aan om de gewenste drempels te halen en controleer opnieuw.
How to use color tool windows

Frequently Asked Questions

Find Quick Answers

Welke kleurformaten worden ondersteund?
De tool accepteert hexkleuren (#RRGGBB of #RGB) en rgb(a)-waarden. Het normaliseert invoer naar de sRGB-kleurruimte voor de berekening. Genoemde kleuren zijn niet gegarandeerd in alle omgevingen.
Hoe wordt het contrastverhouding berekend?
Invoer wordt geparseerd en geconverteerd naar linearisierte sRGB-waarden. Luminantie L wordt berekend als L = 0,2126R + 0,7152G + 0,0722B. De contrastverhouding is (L1 + 0,05) / (L2 + 0,05) met L1 ≥ L2, volgens WCAG-formules.
Hoe interpreteer ik de resultaten?
De tool retourneert de contrastverhouding en booleans passes_AA en passes_AAA. Voor normaal tekst is AA vereist ≥ 4,5:1 en AAA ≥ 7:1. Voor grote tekst is AA ≥ 3:1 en AAA ≥ 4,5:1.
Worden apparaat- of kleurruimtesimulaties meegenomen?
De tool gebruikt standaard sRGB en simuleert geen apparaatspecifieke rendering of perceptuele verschillen tussen displays. Het richt zich op WCAG-conform contrast voor webinhoud.

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.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Spotify naar MP3-converter

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

Color & Design Tools

Wegafstandberekenaar

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

Color & Design Tools

Leeftijd Berekenen

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

Color & Design Tools

Valutaconverter

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

Your Feedback Matters

Help Us to Improve