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
    #FFFF00
    #ffff00

    Brza rješenja

    Aa

    Naslov pregleda

    Brza smeđa lisica skače preko lijenog psa

    Primjer malog teksta (12px)

    Tekst
    #ffffff
    Pozadina
    #ffff00

    WCAG standardi

    Level AA

    Minimalni omjer kontrasta od 4.5:1 za obični tekst i 3:1 za veliki tekst. Potrebno za većinu web-mjesta.

    Level AAA

    Poboljšani omjer kontrasta od 7:1 za obični tekst i 4.5:1 za veliki tekst. Preporučuje se za optimalnu pristupačnost.

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

    Provjera kontrasta boja

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

    Odaberite boju pomoću odabirača boja za boju teksta i pozadine ili unesite boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možete prilagoditi klizač za odabir boje. Smjernice za web sadržaj (WCAG) imaju specifične smjernice kako bi pomogle u određivanju je li tekst čitljiv za korisnike s vidom. Ovi kriteriji koriste određen algoritam za mapiranje kombinacija boja u usporedive omjere. Korištenjem ove formule, WCAG navodi da 4.5:1 omjer kontrasta boja između teksta i njegove pozadine zadovoljava za obični (tijelo) tekst, a veliki tekst (18+ pt obični ili 14+ pt podebljani) trebao bi imati barem 3:1 omjer kontrasta.

    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šestruki formati pregleda

    Napredni alati

    • Automatsko popravljanje boja
    • Uzorkovanje teksta i pozadine
    • Detekcija naziva boja
    • Izvoz rezultata