Kleurcontrast checker
Vergelijk een tekstkleur met een achtergrondkleur. Bekijk het voorbeeld terwijl je kiest.
Laatst bijgewerkt:
Kies de kleur van je tekst en de achtergrond erachter. Verander een van beide om direct te zien hoe het contrast verandert.
Je invoer
Contrastresultaat
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
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 of je foto bij een Instagram-formaat past en welke breedte of hoogte voor die verhouding nodig is.
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.