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

    Brza rješenja

    Aa

    Pregled naslova

    Brza smeđa lisica preskače lijenog psa

    Primjer malog teksta (12px)

    Tekst
    #000000
    Pozadina
    #2596be

    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