Kleurcontrastcontrole
BetaControleer of uw combinatie van tekst en achtergrondkleur voldoet aan de WCAG-toegankelijkheidsrichtlijnen.
- Gratis
- Geen registratie
- Draait in je browser
- Werkt op mobiel
Kleurcontrastcontrole in een oogopslag
- Invoer
- Voorgrond- en achtergrondkleuren
- Uitvoer
- Contrastverhouding en WCAG-nalevingsstatus
- Privacy
- Alles gebeurt op je apparaat. Er wordt niets geüpload.
- Prijs
- Gratis, zonder account, zonder watermerk.
Hoe Kleurcontrastcontrole te gebruiken
- 1Voer een tekstkleur (voorgrond) en een achtergrondkleur in.
- 2De tool berekent onmiddellijk de contrastverhouding tussen de twee kleuren.
- 3Hier wordt weergegeven of de combinatie voldoet aan de WCAG AA- en AAA-standaarden voor normale en grote tekst.
Functies
- Live berekening van de contrastverhouding.
- WCAG AA- en AAA-nalevingsstatus.
- Accepteert HEX-, RGB- of HSL-kleurformaten.
- Visueel voorbeeld van tekst op de gekozen achtergrond.
Kleurcontrastcontrole Veelgestelde vragen
Wat is WCAG?
WCAG staat voor Web Content Accessibility Guidelines. Het is een reeks standaarden om webinhoud toegankelijker te maken voor mensen met een handicap, inclusief visuele beperkingen.
Wat is een goede contrastverhouding?
WCAG AA vereist een verhouding van minimaal 4,5:1 voor normale tekst en 3,1:1 voor grote tekst. WCAG AAA vereist 7:1 voor normale tekst en 4,5:1 voor grote tekst.
Waarom is contrast belangrijk?
Een hoog contrast zorgt ervoor dat tekst voor iedereen leesbaar en leesbaar is, vooral voor gebruikers met slechtziendheid of kleurenblindheid.
Gerelateerde tools
HEX naar RGB-converterBetaConverteer HEX-kleurcodes onmiddellijk naar RGB en omgekeerd.Base64-decoderDecodeer Base64 (standaard of URL-veilig) terug naar tekst.Base64 EncoderCodeer tekst naar Base64, met een URL-veilige optie.RandradiusgeneratorRond de hoeken visueel af, één of allemaal tegelijk, en kopieer de CSS-steno.
Meer developer tools-toolsLaatst bijgewerkt