Controleer kleurencontrastverhoudingen voor naleving van webtoegankelijkheid. Test tekst- en achtergrondkleurcombinaties volgens WCAG-richtlijnen met realtime voorbeeldweergave, toegankelijkheidsbeoordelingen en verbeteringssuggesties.
Klik op de eerste kleurenkiezer om uw tekstkleur te kiezen, of voer direct een hex-code in.
Gebruik de tweede kleurenkiezer om uw achtergrondkleur te selecteren voor de contrasttest.
Controleer de berekende contrastverhouding en bekijk de AA/AAA-beoordelingen voor normale en grote tekst.
Bekijk de live preview om te zien hoe uw kleurcombinatie eruitziet met daadwerkelijke tekstinhoud.
Bereken direct contrastverhoudingen terwijl u verschillende tekst- en achtergrondkleurcombinaties selecteert.
Ontvang AA- en AAA-beoordelingen voor zowel normale als grote tekst volgens de Web Content Accessibility Guidelines (WCAG).
Bekijk exact hoe uw kleurcombinaties eruit zullen zien met voorbeeldtekst in zowel normale als grote formaten.
Bekijk uw contrastprestaties met een intuïtieve cirkelvormige grafiek die scores van 0-100 toont.
Kies eenvoudig kleuren met ingebouwde kleurkiezerhulpmiddelen voor zowel tekst- als achtergrondkleuren.
Ontvang praktische suggesties voor het verbeteren van contrast en het voldoen aan toegankelijkheidsstandaarden.
Een kleurencontrast checker is een tool die het verschil in luminantie meet tussen tekst- en achtergrondkleuren. Het berekent contrastverhoudingen volgens de WCAG (Web Content Accessibility Guidelines) standaarden om ervoor te zorgen dat inhoud leesbaar is voor gebruikers met visuele beperkingen, inclusief kleurenblindheid en slechtziendheid.
Zorg ervoor dat uw ontwerpen voldoen aan internationale toegankelijkheidsstandaarden met accurate AA- en AAA-beoordelingen.
Zie directe resultaten terwijl u kleuren aanpast, waardoor het eenvoudig wordt om conforme combinaties te vinden.
Begrijp contrastprestaties in één oogopslag met ons intuïtieve 0-100 scoresysteem.
Test kleurencombinaties direct in uw browser zonder software te downloaden.
Voor normale tekst streeft u naar minimaal 4.5:1 voor AA-naleving of 7:1 voor AAA. Grote tekst (18pt of 14pt vet) vereist 3:1 voor AA of 4.5:1 voor AAA-naleving.
AA is het standaardniveau van toegankelijkheidsnaleving dat door de meeste regelgevingen wordt vereist. AAA is het hoogste niveau, dat verbeterde toegankelijkheid biedt voor gebruikers met ernstigere visuele beperkingen.
De contrastverhouding wordt berekend met behulp van de relatieve luminantie van kleuren zoals gedefinieerd door de WCAG-richtlijnen. Deze varieert van 1:1 (geen contrast) tot 21:1 (maximaal contrast).
Grote tekst wordt gedefinieerd als 18 punten (24px) of groter, of 14 punten (18.66px) of groter indien vetgedrukt. Grote tekst heeft minder strikte contrastvereisten.
Goed kleurencontrast zorgt ervoor dat inhoud leesbaar is voor iedereen, inclusief gebruikers met visuele beperkingen, kleurenblindheid, of degenen die inhoud bekijken in fel zonlicht of op slechte schermen.
De tool accepteert hex-kleurcodes. U kunt converteren van andere formaten (RGB, HSL, enz.) naar hex met behulp van online converters of ontwerptools.
Extraheer gratis kleuren uit elke afbeelding online. Upload een afbeelding, klik om kleuren te kiezen en krijg HEX-, RGB-, HSL- en CMYK-waarden. Maak en exporteer kleurenpaletten.
Converteer hex-kleuren naar de dichtstbijzijnde Pantone-overeenkomsten met onze gratis online tool. Met nauwkeurige Delta E kleuraanpassing, blader door meer dan 40 populaire Pantone-kleuren en krijg direct kleurvergelijkingen. Perfect voor ontwerpers, drukkers en kleurprofessionals.
Zet HSV (Tint, Verzadiging, Helderheid) kleuren direct om naar hun meest overeenkomstige Pantone kleuren. Vind de perfecte Pantone kleur met onze uitgebreide kleurovereenkomsttool, voorzien van visuele vergelijkingen en nauwkeurige kleurwetenschap.
Maak gratis online prachtige kleurverlopen en genereer aangepaste kleurenpaletten. Kies begin- en eindkleuren, pas de paletgrootte aan en kopieer CSS-code of individuele hex-kleuren. Perfect voor webdesign, grafisch ontwerp en creatieve projecten.
Converteer CMYK-kleuren naar hun dichtstbijzijnde Pantone-matches met behulp van geavanceerde kleurwetenschap. Blader door een samengestelde collectie populaire Pantone-kleuren met realtime kleurvergelijking en kopieerfunctionaliteit.
Maak verbluffende CSS lineaire en radiale gradiënten met onze gebruiksvriendelijke gradiëntmaker. Kies kleuren, bepaal richtingen en kopieer direct de CSS-code voor uw webprojecten.