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)
White
#ffffff
Black
#e24826

Hitre rešitve

Aa

Predogled naslova

Hitra rjava lisica skače čez lenobnega psa

Primer majhnega besedila (12 slikovnih pik)

Besedilo
#ffffff
Ozadje
#e24826

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 za vse velikosti besedila - ne ustreza standardom 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 s standardi WCAG AA in AAA
  • Drsniki HSL za fino nastavitev
  • Več formatov predogleda

Napredna orodja

  • Samodejno fiksiranje barv
  • Vzorci besedila in ozadja
  • Zaznavanje imena barve
  • Izvoz rezultatov