Kleurconverter
Zet kleuren om tussen HEX, RGB en HSL, met een kleurkiezer en een live voorbeeld. Ondersteunt verkorte HEX-codes en transparantie.
Kleurcontrast controleren volgens WCAG
Zorg dat iedereen je tekst kan lezen. Vul een tekstkleur en een achtergrondkleur in om de contrastverhouding te zien en of ze aan de WCAG-eisen voldoet.
Werkt in je browser. Er wordt niets geüpload.
De contrastchecker laden…
Zo gebruik je de contrastchecker
-
Vul de tekstkleur en de achtergrondkleur in, of gebruik de kleurkiezers.
-
Lees de contrastverhouding en de resultaten voor AA en AAA af.
-
Pas de kleuren aan tot de combinatie slaagt.
Veelgestelde vragen
Welk contrast vereist WCAG AA?
Minstens 4,5:1 voor normale tekst, en 3:1 voor grote tekst (24 pixels, of 18,66 pixels vet) en voor onderdelen van de gebruikersinterface, zoals randen van formuliervelden.
Wat vereist AAA?
Minstens 7:1 voor normale tekst en 4,5:1 voor grote tekst.
Gerelateerde tools
-
-
Kleurnaamzoeker
Vind de naam van elke kleurcode. Bekijk de dichtstbijzijnde kleurnamen uit de lijsten NTC, HTML, X11, Pantone en ROYGBIV, met hun afstand.
-
CSS-eenhedenconverter Nieuw
Reken CSS-eenheden om: px naar rem, em, pt, pc, cm, mm en inch en terug, met een instelbare basislettergrootte.