Kontrolluesi i Kontrastit të Ngjyrave

Testoni raportin e kontrastit midis ngjyrave të planit të parë dhe të sfondit për të siguruar aksesueshmërinë.

1.00:1
Kontrasti
Fail
Shumë të varfër

Tekst Normal

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

Tekst i madh

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

Zgjidhje të Shpejta

Aa

Titulli paraprak

Dhelpra e shpejtë kafe kërcen mbi qenin dembel

Shembull teksti i vogël (12px)

Tekst
#000000
Sfondi
#ff9995

Standardet WCAG

Level AA

Raporti minimal i kontrastit është 4.5:1 për tekst normal dhe 3:1 për tekst të madh. I nevojshëm për shumicën e faqeve të internetit.

Level AAA

Raport kontrasti i përmirësuar prej 7:1 për tekst normal dhe 4.5:1 për tekst të madh. Rekomandohet për aksesueshmëri optimale.

Kontrast i dobët për të gjitha madhësitë e tekstit.

Kontrolluesi i kontrastit të ngjyrave

Llogaritni raportin e kontrastit të ngjyrave të tekstit dhe sfondit.

Zgjidhni një ngjyrë duke përdorur zgjedhësin e ngjyrave për ngjyrën e tekstit dhe sfondit ose futni një ngjyrë në format heksadecimal RGB (p.sh., #259 ose #2596BE). Mund ta rregulloni rrëshqitësin për të zgjedhur ngjyrën. Udhëzimet për aksesueshmërinë e përmbajtjes së uebit (WCAG) kanë një udhëzues specifik për të ndihmuar të kuptoni nëse teksti është i lexueshëm për përdoruesit me shikim. Ky kriter përdor një algoritëm të veçantë për të hartuar kombinimet e ngjyrave në raporte të krahasueshme. Duke përdorur këtë formulë, WCAG thotë se një raport kontrasti ngjyrash 4.5:1 me tekstin dhe sfondin e tij është i përshtatshëm për tekstin e rregullt (trupor), dhe teksti i madh (18+ pt i rregullt, ose 14+ pt i theksuar) duhet të ketë të paktën 3: 1 raport kontrasti ngjyrash.

Karakteristikat kryesore

  • Llogaritja e raportit të kontrastit në kohë reale
  • Kontroll i përputhshmërisë me WCAG AA dhe AAA
  • Rrëshqitësit HSL për rregullim të imët
  • Formate të shumëfishta paraprake

Mjete të Avancuara

  • Rregullimi automatik i ngjyrave
  • Shembuj teksti dhe sfondi
  • Zbulimi i emrit të ngjyrës
  • Eksporto rezultatet