Color Contrast Checker
Provjeri WCAG omjer kontrasta između boje teksta i pozadine — s proverama za AA i AAA nivoe.
Pregled teksta
Normalan tekst — primjer sadržaja.
Detaljni tekst u manjoj veličini.
AA — normalan tekst
potrebno 4.5:1
AA — veliki tekst
potrebno 3:1
AAA — normalan tekst
potrebno 7:1
AAA — veliki tekst
potrebno 4.5:1
Color Contrast Checker
Osiguraj da tvoj tekst bude čitljiv svim korisnicima.
Šta je Color Contrast Checker?
Color Contrast Checker je alat koji izračunava omjer kontrasta između boje teksta i boje pozadine prema WCAG 2.1 standardu. Odmah vidi da li tvoja kombinacija boja prolazi AA ili AAA nivo za normalan i veliki tekst — ključno za pristupačnost web stranica.
Kako koristiti
- Odaberi boju teksta (foreground)
- Odaberi boju pozadine (background)
- Odmah pročitaj omjer kontrasta i rezultate AA/AAA provjera
Često postavljana pitanja
Šta je WCAG kontrast?
WCAG (Web Content Accessibility Guidelines) definiše minimalne omjere kontrasta između teksta i pozadine: 4.5:1 za normalan tekst (AA), 3:1 za veliki tekst (AA) te 7:1 za normalan (AAA) i 4.5:1 za veliki tekst (AAA).
Šta se smatra velikim tekstom?
Tekst veličine 18pt (24px) ili veći, odnosno 14pt (18.66px) ili veći ako je podebljan, smatra se velikim tekstom prema WCAG-u.
Kako se računa omjer kontrasta?
Iz relativne luminanse dviju boja: (L1 + 0.05) ÷ (L2 + 0.05), gdje je L1 svjetlija, a L2 tamnija boja. Omjer se zaokružuje na dvije decimale.