Newtons prisma
Isaac Newton liet met een prisma zien dat wit zonlicht uiteenvalt in een kleurenspectrum.
Kleurcontrast checker
Vergelijk een tekstkleur met een achtergrondkleur. Bekijk het voorbeeld terwijl je kiest.
Laatst bijgewerkt:
Kleurcontrastchecker
Voorbeeldtekst
Contrastresultaat
Contrastverhouding
Een geslaagde verhouding garandeert niet dat elke vorm van visuele toegankelijkheid is gewaarborgd. Tekstgrootte, tekstdikte en context kunnen meetellen.
Toegankelijk kleurgebruik
Kleurcontrast checker
Typ HEX-kleuren of gebruik de kleurkiezers. Bereken daarna de WCAG-statussen met de knop.
Deze tool vergelijkt een voorgrondkleur met een achtergrondkleur voor tekst. Bij het openen staan de velden op zwart (#000000) en wit (#FFFFFF): het voorbeeld is zichtbaar, maar de uitslag nog niet. Typ een ondoorzichtige HEX-kleur als #RGB of #RRGGBB, of gebruik een kleurkiezer. Het voorbeeld verandert direct als beide kleurcodes geldig zijn; bij ongeldige invoer wordt het verborgen. Klik op Contrast berekenen voor de verhouding en vier beoordelingen: normale en grote tekst volgens WCAG AA en AAA. De getoonde verhouding is afgerond op één decimaal; de beoordelingen gebruiken de ongeronde waarde. Kleuren omwisselen wist de uitslag, zodat je opnieuw moet berekenen. Resultaat kopiëren kopieert na berekening een tekstsamenvatting als de browser klembordtoegang biedt. Resetten herstelt zwart en wit, toont het voorbeeld en verbergt de uitslag. Een geslaagde beoordeling garandeert geen volledige visuele toegankelijkheid. Transparantie en kleurprofielen worden niet ondersteund.
Wist je dat?
Veelgestelde vragen
Welke kleurcodes kan ik invoeren?
De tekstvelden accepteren #RGB en #RRGGBB, bijvoorbeeld #ABC en #AABBCC. Transparantie en notaties zoals rgb() worden niet ondersteund.
Wanneer verschijnt de uitslag?
Het voorbeeld verandert meteen als beide kleurcodes geldig zijn en verdwijnt bij ongeldige invoer. De verhouding en statussen verschijnen pas na Contrast berekenen.
Waarom staat er 4,5:1 maar ‘Niet geslaagd’?
De verhouding wordt op één decimaal afgerond. Voor normale tekst op AA-niveau en grote tekst op AAA-niveau telt de ongeronde waarde: die kan onder 4,5:1 liggen.
Wat doen omwisselen, kopiëren en resetten?
Omwisselen wisselt de kleuren en wist de uitslag. Kopiëren werkt na een berekening als het klembord beschikbaar is. Resetten herstelt zwart en wit en wist de uitslag.
Gerelateerde tools
Afbeelding & design
Kleurcode omrekenen
Zet één kleur om tussen HEX, RGB en HSL. Bekijk de kleur direct en vergelijk eventueel een tweede kleur.
Afbeelding & designTransparante kleur op achtergrond berekenen
Ontdek welke kleur zichtbaar wordt op jouw achtergrond. Vul twee HEX-kleuren en een transparantiepercentage in.
Afbeelding & designBeeldverhouding berekenen
Kies een nieuwe breedte of hoogte zonder je afbeelding uit verhouding te trekken. Voor een doelformaat zie je ook hoeveel je zou wegsnijden.
Afbeelding & designInstagram formaten
Controleer de verhouding van je foto met de handmatig ingevoerde pixelmaten. Bekijk welke hoogte of breedte bij het gekozen formaat past.
Auto & reizenAankomsttijd berekenen met pauzes
Plan je rit met geplande pauzes. Je ziet hoe laat je naar verwachting aankomt.
Geld & zakelijkAbonnementskosten berekenen
Vergelijk terugkerende kosten op jaarbasis. Zie welke kostenpost het zwaarst weegt.