Kleurcontrast controleren

Controleer de contrastverhouding tussen twee kleuren volgens WCAG AA/AAA

Over deze calculator

Met Kleurcontrast controleren bereken je de WCAG 2.x-contrastverhouding tussen een voorgrond- en een achtergrondkleur met de formule voor relatieve luminantie (L1 + 0,05) / (L2 + 0,05). De tool accepteert invoer als #rgb, #rrggbb en rgb(r,g,b) en toont de exacte verhouding, de luminantie van beide kleuren en of AA en AAA worden gehaald voor normale tekst (4,5:1 / 7:1) en grote tekst (3:1 / 4,5:1). Ongeldige kleuren geven een foutmelding. Onmisbaar voor toegankelijk webdesign.

Kleurcontrast controleren: zo gebruik je het

  1. Voer je invoer in het veld in of plak die erin.
  2. Lees de uitvoer af — die wordt direct bijgewerkt terwijl je typt.
  3. Pas eventuele opties aan je situatie aan.
  4. Kopieer de URL van de pagina om precies dit resultaat te delen.

Veelvoorkomende voorbeelden

  • #000000 op #ffffff → 21,0000:1 — voldoet aan elk AA- en AAA-niveau
  • #777777 op #ffffff → 4,4781:1 — haalt AA voor normale tekst net niet, voldoet aan AA groot
  • #0066cc op #ffffff → 5,5666:1 — voldoet aan AA, niet aan AAA normaal
  • #ffcc00 op #333333 → 8,3564:1 — voldoet aan AAA voor alle tekstgroottes

Veelgestelde vragen

Kleurcontrast controleren: hoe werkt het?

Voer je invoer in of plak die, en de tool verwerkt die direct in je browser en toont meteen het resultaat. Niets van wat je typt wordt naar een server geüpload — de hele berekening gebeurt op je eigen apparaat.

Kleurcontrast controleren: wanneer gebruik je dit?

Handig bij ontwikkeling, debuggen, ontwerp en beheer — telkens wanneer je deze omzetting of controle snel wilt uitvoeren zonder iets te installeren of je gegevens aan een externe dienst toe te vertrouwen.

Hoe betrouwbaar zijn de resultaten?

De tool implementeert de betreffende standaard of specificatie rechtstreeks, zodat de uitvoer overeenkomt met wat conforme software oplevert. Randgevallen zoals lege of onjuist opgemaakte invoer worden duidelijk gemeld in plaats van stilzwijgend te mislukken.

Kan ik een specifiek resultaat met iemand anders delen?

Ja. Je invoer wordt in de URL bijgewerkt. Kopieer de adresbalk en deel de link: wie erop klikt, opent de tool in precies dezelfde toestand.