Besplatan Provjera WCAG kontrasta boja

Kako radi

Provjera kontrasta se u potpunosti odvija u vašem pregledniku koristeći WCAG 2.1 algoritam relativne svjetline — bez biblioteke, bez servera, samo ručno napisana matematika koja tačno prati specifikaciju. Svaki rezultat se ažurira u realnom vremenu dok kucate ili birate boju.

1. 1
   Unos i normalizacija heksadecimalnih vrijednosti

   Prihvataju se i 3-cifrene (#abc) i 6-cifrene (#aabbcc) heksadecimalne vrijednosti i normalizuju se u pune RGB trojke. Nevalidan unos se odmah odbija umjesto da se tiho podrazumijeva na crno, tako da se pojavljuje crvena ivica umjesto zavaravajućeg rezultata prolaza.
2. 2
   Izračunavanje WCAG svjetline

   Svaka boja se pretvara u relativnu svjetlinu koristeći WCAG 2.1 formulu: sRGB vrijednosti kanala se linearizuju sa dijelnom gama korekcijom (dijeljenje sa 12,92 ispod 0,03928, dizanje na stepen 2,4 iznad toga), zatim se ponderišu kao 0,2126R + 0,7152G + 0,0722B.
3. 3
   Omjer kontrasta i provjere usklađenosti

   Omjer kontrasta se izračunava kao (svjetlija + 0,05) / (tamnija + 0,05) i provjerava se u odnosu na svih pet WCAG pragova: AA normalni tekst (4,5:1), AA veliki tekst (3:1), AAA normalni tekst (7:1), AAA veliki tekst (4,5:1), i UI komponente (3:1). Rezultati se ažuriraju pri svakom pritisku tastera.
4. 4
   Prijedlozi ispravke koji čuvaju nijansu

   Kada par ne prođe WCAG AA, alat pretražuje HSL prostor svjetline — pomjerajući se od originalne svjetline u oba smjera — da pronađe najbližu varijantu svake boje koja prolazi 4,5:1 zadržavajući istu nijansu i zasićenost. EyeDropper API (Chromium) je takođe dostupan za uzorkovanje bilo koje boje direktno sa vašeg ekrana.

Povezani alati