Provera kontrasta boja

Testiraj odnos kontrasta između boje prednjeg plana i pozadine kako bi osigurao pristupačnost.

1.00:1
Kontrast
Fail
Veoma loše

Normalan tekst

AA (4.5:1)
AAA (7:1)

Veliki tekst

AA (3:1)
AAA (4.5:1)
White
#ffffff
Lemon Chiffon
#fffacd

Brza rešenja

Aa

Naslov pregleda

Brza smeđa lisica skače preko lenjog psa

Primer malog teksta (12px)

Tekst
#ffffff
Pozadina
#fffacd

WCAG standardi

Level AA

Minimalni odnos kontrasta od 4.5:1 za normalan tekst i 3:1 za veliki tekst. Potrebno za većinu sajtova.

Level AAA

Poboljšani odnos kontrasta od 7:1 za normalan tekst i 4.5:1 za veliki tekst. Preporučeno za optimalnu pristupačnost.

Nedovoljan kontrast za sve veličine teksta - ne ispunjava WCAG standarde.

Provera kontrasta boja

Izračunaj odnos kontrasta između boje teksta i pozadine.

Izaberi boju koristeći color picker za tekst i boju pozadine ili unesi boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možeš podesiti klizač za izbor boje. Smernice za pristupačnost web sadržaja (WCAG) imaju specifične smernice koje pomažu da se utvrdi da li je tekst čitljiv za korisnike sa vidom. Ovi kriterijumi koriste poseban algoritam za mapiranje kombinacija boja u uporedive odnose. Prema ovoj formuli, WCAG navodi da je odnos kontrasta boja od 4.5:1 između teksta i pozadine adekvatan za običan tekst, dok veliki tekst (18+ pt običan, ili 14+ pt podebljan) treba da ima najmanje 3:1 odnos kontrasta boja.

Ključne karakteristike

  • Izračunavanje kontrastnog odnosa u realnom vremenu
  • Provera usklađenosti sa WCAG AA i AAA
  • HSL klizači za fino podešavanje
  • Višestruki formati pregleda

Napredni alati

  • Automatsko ispravljanje boja
  • Uzorci teksta i pozadine
  • Detekcija naziva boje
  • Izvoz rezultata