🌓Kleuren contrastchecker

Wat is contrastverhouding?

Contrastverhouding is een numerieke maat voor het helderheidscontrast tussen tekstkleur en achtergrondkleur, uitgedrukt van 1:1 tot 21:1. De combinatie zwart en wit bereikt het maximum van 21:1, terwijl identieke kleuren het minimum van 1:1geven.

• Hoe de berekening werkt：De contrastverhouding wordt berekend door beide kleuren om te zetten naar sRGB-relatieve luminantie en vervolgens (helderste luminantie + 0,05) gedeeld door (donkerste luminantie + 0,05)
• Richtlijn voor getallen：Voor een witte achtergrond (#FFFFFF) bedraagt de contrastverhouding 4,47:1 voor grijs #777777, 2,84:1 voor #999999 en 21:1 voor zwart (#000000)

Verschil tussen WCAG AA en AAA

WCAG is een internationaal richtlijn voor toegankelijkheid van webinhoud dat contrastverhoudingnormen op twee niveaus stelt: AA en AAA

• AA (standaardniveau)：AA stelt eisen van 4,5:1 of hoger voor normale tekst en 3,0:1 of hoger voor grote tekst. Dit is het niveau dat typische websites nastreven
• AAA (stringenter niveau)：AAA stelt eisen van 7:1 of hoger voor normale tekst en 4,5:1 of hoger voor grote tekst, gericht op leesbaarheid ook voor mensen met lage gezichtsscherpte

Definitie van grote tekst

Grote tekst volgens WCAG verwijst naar tekst van ongeveer 18 punten (24 px) of groter, of vetgedrukte tekst van 14 punten (ongeveer 18,7 px) of groter

• Normale tekst：Normale tekst is tekst die niet in de categorie grote tekst valt, zoals broodtekst en aantekeningen. Dit vereist een contrastverhouding van 4,5:1 of hoger
• Relatie met koppen：Koppen onder de 24 px die niet vet zijn, worden als normale tekst behandeld. Controleer daarom zowel grootte als gewicht