Provjerite omjer kontrasta između boje teksta i pozadine u skladu s WCAG AA i AAA smjernicama pristupačnosti.
Kako koristiti Kontrast boja
Unesite boju teksta i boju pozadine (HEX format).
Vidite omjer kontrasta i prolazi li WCAG AA i AAA.
Prilagodite boje dok ne postignete zadovoljavajući kontrast.
Ovo je WCAG provjeravač kontrasta boja koji prikazuje točan omjer kontrasta između boje teksta i boje pozadine te ispunjava li AA i AAA razine pristupačnosti. Odaberite boje uzorkom ili heksadekadskim kodom i vidite pregled uživo.
Prilagodite dvije boje dok značke ne prođu razinu koju trebate, a rezultat se ažurira trenutno kako napredujete.
Tekst koji je po svjetlini preblizu svojoj pozadini teško je ili nemoguće pročitati, osobito za osobe sa slabim vidom ili poremećajima raspoznavanja boja, ili za bilo koga na telefonu pod jakim suncem. Dovoljan kontrast čini vaš sadržaj čitljivim za sve.
Smjernice za pristupačnost web-sadržaja (WCAG) postavljaju standard. AA, razina kojoj većina stranica teži i koju mnogi zakoni o pristupačnosti spominju, zahtijeva omjer 4,5:1 za normalan tekst i 3:1 za velik tekst. AAA je stroža, na 7:1 i 4,5:1.
Velik tekst dobiva niži prag jer veća slova ostaju čitljiva pri manjem kontrastu. Kao velik se računa otprilike od 24 px (18 pt) ili 18,66 px (14 pt) kada je podebljan.
Omjer dolazi iz relativne luminancije dviju boja pomoću službene WCAG formule, dajući vrijednost od 1:1 (bez kontrasta, identične boje) do 21:1 (crno na bijelom).
Sve se izračunava u vašem pregledniku, pa je trenutno i privatno. Ništa što odaberete ne prenosi se nikamo.
Često postavljana pitanja
WCAG AA zahtijeva omjer kontrasta od najmanje 4,5:1 za normalan tekst (3:1 za veliki tekst). AAA zahtijeva 7:1 (4,5:1 za veliki tekst). AA je minimalni standard za web pristupačnost.
Prema WCAG-u, veliki tekst je 18pt (ili 14pt podebljano), što je otprilike 24px (ili 18,67px podebljano) na zaslonu.
Ugradi ovaj alat
Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.
<iframe src="https://monu.tools/embed/hr/color-contrast-checker" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Slični alati
Formatirajte i uljepšajte SQL upite s prijelomima redaka po klauzulama i dosljednim pisanjem ključnih riječi, ili ih minificirajte u jedan red.
Uljepšajte XML uz pravilne uvlake ili ga minificirajte u jedan red. Komentari, CDATA i upute za obradu su sačuvani.
Uljepšajte CSS s čistim uvlakama ili ga minificirajte za smanjenje veličine datoteke. Rukuje media upitima, calc() i licencnim komentarima.
Uljepšajte HTML s uvlačenjem svjesnim blokova ili ga minificirajte. Sadržaj pre, textarea, script i style je sačuvan.