Alat za provjeru kontrasta boja

Testirajte omjer kontrasta između boja prednjeg plana i pozadine kako biste osigurali pristupačnost.

1.00:1
Kontrast
Fail
Vrlo slaba

Normalni tekst

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

Veliki tekst

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff009e

Brza rješenja

Aa

Pregled naslova

Brza smeđa lisica preskače lijenog psa

Primjer malog teksta (12px)

Tekst
#000000
Pozadina
#ff009e

WCAG standardi

Level AA

Minimalni omjer kontrasta od 4,5:1 za normalan tekst i 3:1 za veliki tekst. Obavezno za većinu web-stranica.

Level AAA

Poboljšani omjer kontrasta od 7:1 za normalan tekst i 4,5:1 za veliki tekst. Preporučuje se za optimalnu pristupačnost.

Slab kontrast za sve veličine teksta.

Provjera kontrasta boja

Izračunajte omjer kontrasta teksta i boja pozadine.

Odaberite boju pomoću birača boja za boju teksta i pozadine ili unesite boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možete podesiti klizač za odabir boje. Smjernice za pristupačnost web sadržaja (WCAG) imaju posebne smjernice koje pomažu utvrditi je li tekst čitljiv za videće korisnike. Ovaj kriterij koristi određeni algoritam za preslikavanje kombinacija boja u usporedive omjere. Koristeći ovu formulu, WCAG navodi da je omjer kontrasta boja 4,5:1 s tekstom i njegovom pozadinom prikladan za običan (tijelo) tekst, a veliki tekst (18+ pt regular, ili 14+ pt bold) treba imati najmanje 3: 1 omjer kontrasta boja.

Ključne značajke

  • Izračun omjera kontrasta u stvarnom vremenu
  • Provjera usklađenosti s WCAG AA i AAA
  • HSL klizači za fino podešavanje
  • Više formata pregleda

Napredni alati

  • Automatsko fiksiranje boje
  • Primjeri teksta i pozadine
  • Detekcija naziva boje
  • Izvoz rezultata