Normale tekst
Grote tekst
Snelle oplossingen
Voorbeeldtitel
De snelle bruine vos springt over de luie hond
Voorbeeld van kleine tekst (12px)
WCAG-normen
Level AA
Minimale contrastverhouding van 4,5:1 voor normale tekst en 3:1 voor grote tekst. Vereist voor de meeste websites.
Level AAA
Verbeterde contrastverhouding van 7:1 voor normale tekst en 4,5:1 voor grote tekst. Aanbevolen voor optimale toegankelijkheid.
Onvoldoende contrast voor alle tekstgroottes - voldoet niet aan WCAG-normen.
Kleurcontrastcontrole
Bereken de contrastverhouding van tekst- en achtergrondkleuren.
Kies een kleur met de kleurkiezer voor tekst- en achtergrondkleur of voer een kleur in RGB-hexadecimaal formaat in (bijv. #259 of #2596BE). Je kunt de schuifregelaar aanpassen om een kleur te selecteren. De Web Content Accessibility Guidelines (WCAG) hebben een specifieke richtlijn om te bepalen of tekst leesbaar is voor ziende gebruikers. Dit criterium gebruikt een bepaald algoritme om kleurcombinaties in vergelijkbare verhoudingen in kaart te brengen. Met deze formule stelt WCAG dat een kleurcontrastverhouding van 4,5:1 met tekst en de achtergrond voldoende is voor normale (body) tekst, en grote tekst (18+ pt normaal, of 14+ pt vet) moet ten minste een kleurcontrastverhouding van 3:1 hebben.
Belangrijkste kenmerken
- • Realtime contrastverhouding berekening
- • WCAG AA & AAA nalevingscontrole
- • HSL schuifregelaars voor verfijning
- • Meerdere voorbeeldformaten
Geavanceerde tools
- • Automatisch kleuren corrigeren
- • Tekst- en achtergrondvoorbeelden
- • Kleurnaam detectie
- • Resultaten exporteren