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
    Eastern Blue
    #2596be

    Zgjidhje të Shpejta

    Aa

    Titulli paraprak

    Dhelpra e shpejtë kafe kërcen mbi qenin dembel

    Shembull teksti i vogël (12px)

    Tekst
    #000000
    Sfondi
    #2596be

    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