WCAG-contrastchecker
Controleer of de kleurcombinatie van tekst en achtergrond voldoet aan de toegankelijkheidsniveaus AA en AAA.
Het contrast van twee kleuren controleren
Kies de tekst- en achtergrondkleur
Voer de HEX-codes in of gebruik de visuele kleurkiezers voor beide kleuren.
Controleer de contrastverhouding
Je ziet de berekende verhouding direct weergegeven, samen met een preview van de tekst op de gekozen achtergrond.
Controleer of het voldoet aan WCAG AA of AAA
De tool geeft aan of de combinatie geschikt is voor normale tekst en grote tekst, op elk niveau.
Veelgestelde vragen over kleurcontrast
Een goed contrast tussen tekst en achtergrond is essentieel zodat iedereen je content kan lezen, inclusief mensen met een laag zichtsvermogen. PDFDocks berekent de exacte verhouding volgens de WCAG-standaard.
Wat betekenen AA en AAA?
+
Dit zijn de twee nalevingsniveaus van de WCAG-toegankelijkheidsrichtlijnen: AA is het aanbevolen minimum en AAA is het meest veeleisende niveau.
Welke contrastverhouding heb ik nodig?
+
Voor normale tekst wordt een minimum van 4.5:1 (AA) of 7:1 (AAA) aanbevolen; voor grote tekst, 3:1 (AA) of 4.5:1 (AAA).
Waarom is contrast belangrijk?
+
Onvoldoende contrast maakt lezen moeilijk, vooral voor mensen met zwakzicht of op schermen met veel omgevingslicht.
Moet ik een programma installeren?
+
Nee, je hoeft niets te installeren. Het werkt rechtstreeks vanuit de browser.
Is het gratis?
+
Ja, deze tool is volledig gratis.
Kan dit het ontwerp van een hele website controleren?
+
Dit kan specifieke kleurcombinaties controleren; voor een volledige websiteaudit zul je elke combinatie van tekst en achtergrond die je gebruikt moeten controleren.
Kleuren
Kleurconverter (HEX, RGB, HSL, CMYK)
Converteer elke kleur onmiddellijk tussen HEX, RGB, HSL en CMYK, met live preview en de dichtstbijzijnde kleurnaam.
Kleurenpaletgenerator
Maak harmonieuze paletten van 5 kleuren (complementair, analogisch, triadisch of monochromatisch) op basis van een basiskleur.
CSS Gradiënt Generator
Maak lineaire of radiale gradiënten met tot 4 kleuren en kopieer de kant-en-klare CSS-code.
Willekeurige kleur
Genereer een willekeurige kleur met één klik en ontdek de naam, HEX/RGB/HSL-code en soortgelijke kleuren.
Kleurkiezer (pipet)
Kies elke kleur van je scherm met de browser-pipet tool, of gebruik de klassieke kleurkiezer.
Kleurenblindheid Simulator
Upload een afbeelding en zie hoe deze eruit ziet voor mensen met protanopie, deuteranopie of tritanopie.
Mesh Gradient Generator
Maak achtergronden met mesh-gradiënten (vervaagde kleurvlekken) en download ze als PNG of kopieer de CSS-code.
Generator voor Tinten en Schaduwen
Genereer automatisch de lichtste tinten en donkerste schaduwen van elke kleur, met de HEX-code.
Kleurenmixer
Meng twee kleuren en ontdek de tussenliggende tinten stap voor stap, met hun HEX-code.
Kleurenwiel (Harmonieën)
Kies een kleur op het wiel en ontdek de harmonieuze combinaties: complementair, analoog, triadisch en meer.
Kleurenpaletextractor van Afbeelding
Upload een afbeelding en extraheer automatisch de dominante kleuren in een palet, met de HEX-code van elke kleur.
Gemiddelde Kleur van een Afbeelding
Upload een afbeelding en bereken direct de gemiddelde kleur, met HEX-, RGB- en HSL-codes.
Verken kleuren per familie
Meer dan 469 benoemde kleuren, met hun HEX-, RGB-, HSL- en CMYK-codes, georganiseerd in 12 kleurengroepen.
