Kleurcontrastverhouding calculator

Controleer de contrastverhouding van twee kleuren voor toegankelijkheid.

Hoe te gebruiken

  1. Voer de benodigde waarden in de velden in.
  2. Klik op “Berekenen” om het resultaat te zien.
  3. Kopieer of deel het resultaat met de knop “Delen”.

Over deze rekenmachine

Deze calculator berekent de WCAG-contrastverhouding tussen twee kleuren met (L1 + 0,05) / (L2 + 0,05), waarbij L1 en L2 de relatieve luminanties van de lichtere en de donkerdere kleur zijn, elk afgeleid van de sRGB-kanaalwaarden via de gammagecorrigeerde luminantieformule van de WCAG. Het resultaat loopt van 1:1 (identieke kleuren) tot 21:1 (zuiver zwart op wit) en wordt getoetst aan de drempels van de Web Content Accessibility Guidelines — 4,5:1 voor gewone tekst en 3:1 voor grote tekst op niveau AA, en respectievelijk 7:1 en 4,5:1 voor het strengere niveau AAA.

Webontwerpers, front-endontwikkelaars en toegankelijkheidsauditors gebruiken dit om ervoor te zorgen dat tekst en interface-elementen voldoen aan wettelijke en bruikbaarheidsnormen voor toegankelijkheid (WCAG 2.1, ADA, naleving van Section 508) voor gebruikers met een slecht gezichtsvermogen of kleurenblindheid. Voer twee hexkleuren in om de contrastverhouding en de uitslag geslaagd/niet geslaagd te krijgen.

Was this helpful?

Je kunt maximaal 3 reacties kiezen.

Comments (0)

  • Be the first to comment.

Populaire rekenmachines

Alle rekenmachines