Preverjanje barvnega kontrasta

Preizkusite kontrastno razmerje med barvami v ospredju in ozadju, da zagotovite dostopnost.

1.00:1
Kontrast
Fail
Zelo slabo

Običajno besedilo

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

Veliko besedilo

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

Hitre popravke

Aa

Predogled Naslov

Hitra rjava lisica preskoči lenega psa

Primer majhnega besedila (12px)

Besedilo
#000000
Ozadje
#0088cc

Standardi WCAG

Level AA

Najmanjše kontrastno razmerje 4,5:1 za običajno besedilo in 3:1 za veliko besedilo. Zahteva se za večino spletnih mest.

Level AAA

Izboljšano kontrastno razmerje 7:1 za običajno besedilo in 4,5:1 za veliko besedilo. Priporočljivo za optimalno dostopnost.

Nezadosten kontrast pri vseh velikostih besedila - ne izpolnjuje standardov WCAG.

Preverjanje barvnega kontrasta

Izračunajte kontrastno razmerje barv besedila in ozadja.

Izberite barvo z izbirnikom barv za besedilo in barvo ozadja ali vnesite barvo v heksadecimalni obliki RGB (npr. #259 ali #2596BE). Za izbiro barve lahko prilagodite drsnik. Smernice za dostopnost spletnih vsebin (WCAG) imajo posebno navodilo, ki pomaga ugotoviti, ali je besedilo berljivo za videče uporabnike. To merilo uporablja poseben algoritem za preslikavo barvnih kombinacij v primerljiva razmerja. S to formulo WCAG navaja, da je razmerje barvnega kontrasta med besedilom in ozadjem 4,5 : 1 ustrezno za običajno (osnovno) besedilo, za veliko besedilo (18+ pt običajno ali 14+ pt krepko) pa mora biti razmerje barvnega kontrasta vsaj 3 : 1.

Ključne lastnosti

  • Izračun kontrastnega razmerja v realnem času
  • Preverjanje skladnosti z WCAG AA in AAA
  • Drsniki HSL za fino nastavitev
  • Več formatov predogleda

Napredna orodja

  • Samodejno določanje barv
  • Vzorci besedila in ozadja
  • Zaznavanje imena barve
  • Izvoz rezultatov