Kleurconverter
Zet kleuren om tussen HEX, RGB en HSL, met een kleurkiezer en een live voorbeeld. Ondersteunt verkorte HEX-codes en transparantie.
WCAG-contrastchecker voor kleuren
Zorg dat iedereen je tekst kan lezen. Vul een tekst- en achtergrondkleur in en zie de contrastverhouding en of die aan de eisen van WCAG voldoet.
Werkt in je browser. Er wordt niets geüpload.
De contrastchecker wordt geladen…
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 de randen van invoervelden.
Wat vereist AAA?
Minstens 7:1 voor normale tekst en 4,5:1 voor grote tekst.
Vergelijkbare tools
-
-
Kleurnaamzoeker
Vind de naam van elke kleurcode. Zie 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 inches en terug, met een lettergrootte voor het root-element die je zelf instelt.