Kleurcontrast-Analyser

Een snelle, normenconforme kleurcontrastanalysator voor ontwerpers en ontwikkelaars om leesbare tekst tegen achtergrondkleuren in UI-mockups te verifiëren.

Request Feature / Support

6,188+

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

Dit hulpmiddel berekent WCAG-conforme contrastratio's voor voorgrond- en achtergrondkleuren. Het houdt rekening met tekstgroottes om Pass/Fail aan te geven voor normale en grote tekst, en geeft een numerieke verhouding met een toegankelijkheidsbeoordeling.
In principe accepteert het voorgrondkleur, achtergrondkleur en font_size_px, zet kleuren om naar sRGB-luminantie en past de standaard verhoudingformule toe. Drempels volgen WCAG: 4,5:1 voor normale tekst AA, 7:1 voor normale tekst AAA; 3:1 voor grote AA en 4,5:1 voor grote AAA. Optionele functies omvatten alpha-afhandeling, kleur-zichtstoornis-simulaties en kleurnauwkeurige aanbevelingen in geavanceerde modus.
Doelgroepen zijn ontwerpers, frontend-ingenieurs, toegankelijkheidsprofessionals en productteams die snelle, precieze en normenconforme resultaten zoeken. De unieke waarde ligt in per-tekstvoorschatting met duidelijke Pass/Fail-status en exporteerbare outputs ter ondersteuning van remediation en governance.

Save your calculation history with a free account

How to Use

Voer voorgrond- en achtergrondkleuren in en eventueel het font-grootte in px.
Voer de berekening uit om het contrastverhouding en de nalevingsstatus te krijgen voor normaal en groot tekst.
Controleer de resultaten; pas indien nodig kleuren of lettergrootte aan.
Gebruik aanbevolen kleuralternatieven om snel AA/AAA-doelen te bereiken.
Exporteer of kopieer het resultaat voor documentatie.

Frequently Asked Questions

Find Quick Answers

Wat is de kleurcontrastverhouding?

De verhouding is een WCAG-gebaseerde metriek berekend uit de relatieve luminantie van de voorgrond- en achtergrondkleuren. Het wordt uitgedrukt als x:1 met x ≥ 1; hogere waarden duiden op betere leesbaarheid. De tool rapporteert het numerieke verhoudingsgetal en het per-tekstgrootte verdict.

Hoe worden drempels toegepast?

Voor normale tekst vereist WCAG AA minimaal 4,5:1 en AAA 7:1. Voor grote tekst geldt 3:1 AA en 4,5:1 AAA. De tool past deze drempels toe om Pass of Fail te bepalen voor elk tekstformaat.

Hoe wordt transparantie behandeld?

Als een kleur alpha bevat, wordt deze standaard over wit geprojecteerd voordat de luminantie wordt berekend. Dit geeft een effectieve kleur. In geavanceerde modus kan de behandeling worden aangepast of de ruwe invoer worden weergegeven voor experts.

Welke invoerformaten worden ondersteund?

De tool accepteert hex (#RRGGBB of #RGB), rgb()/rgba() en CSS-kleurbstrcmpnamen. Als een invoer niet kan worden geparseerd, wordt het resultaat weergegeven met een foutcode in plaats van een UI-bericht.

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