Provjera kontrasta boja

    Testiraj omjer kontrasta između boje prednjeg plana i pozadine kako bi osigurao pristupačnost.

    1.00:1
    Kontrast
    Fail
    Vrlo loše

    Normalan tekst

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

    Veliki tekst

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #C0C0C0
    #c0c0c0

    Brza rješenja

    Aa

    Naslov pregleda

    Brza smeđa lisica skače preko lijenog psa

    Primjer malog teksta (12px)

    Tekst
    #ffffff
    Pozadina
    #c0c0c0

    WCAG standardi

    Level AA

    Minimalni omjer kontrasta od 4.5:1 za normalan tekst i 3:1 za veliki tekst. Potrebno 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čeno za optimalnu pristupačnost.

    Nedovoljan kontrast za sve veličine teksta - ne ispunjava WCAG standarde.

    Provjera kontrasta boja

    Izračunaj omjer kontrasta između boje teksta i pozadine.

    Izaberi boju pomoću selektora boja za tekst i pozadinsku boju ili unesi boju u RGB heksadecimalnom formatu (npr., #259 ili #2596BE). Možeš prilagoditi klizač za odabir boje. Smjernice za dostupnost web sadržaja (WCAG) imaju specifične smjernice koje pomažu utvrditi je li tekst čitljiv za korisnike s dobrim vidom. Ovi kriteriji koriste određeni algoritam za mapiranje kombinacija boja u usporedive omjere. Prema ovoj formuli, WCAG navodi da je 4.5:1 omjer kontrasta boja između teksta i njegove pozadine adekvatan za uobičajen (tijelo) tekst, a veliki tekst (18+ pt regular, ili 14+ pt podebljan) treba imati barem omjer kontrasta boja od 3:1.

    Ključne karakteristike

    • Izračunavanje kontrastnog omjera u stvarnom vremenu
    • Provjera usklađenosti s WCAG AA i AAA
    • HSL klizači za fino podešavanje
    • Višestruki formati pregleda

    Napredni alati

    • Automatsko popravljanje boja
    • Uzorke teksta i pozadine
    • Detekcija naziva boje
    • Izvoz rezultata