Värikontrastin tarkistin

    Testaa etu- ja taustavärien kontrastisuhde varmistaaksesi saavutettavuuden.

    1.00:1
    Kontrasti
    Fail
    Erittäin huono

    Normaali teksti

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

    Suuri teksti

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    Nopeat korjaukset

    Aa

    Esikatselun otsikko

    Nopea ruskea kettu hyppää laiskan koiran yli

    Pienen tekstin esimerkki (12px)

    Teksti
    #000000
    Tausta
    #2596be

    WCAG-standardit

    Level AA

    Vähimmäiskontrastisuhde 4.5:1 normaalille tekstille ja 3:1 suurelle tekstille. Vaaditaan useimmille verkkosivustoille.

    Level AAA

    Parannettu kontrastisuhde 7:1 normaalille tekstille ja 4.5:1 suurelle tekstille. Suositellaan optimaaliseen saavutettavuuteen.

    Riittämätön kontrasti kaikille tekstikokoille - ei täytä WCAG-standardeja.

    Värikontrastin tarkistin

    Laske tekstin ja taustavärien kontrastisuhde.

    Valitse väri käyttämällä värinvalitsinta tekstille ja taustavärille tai syötä väri RGB-hexadesimaalimuodossa (esim. #259 tai #2596BE). Voit säätää liukusäädintä valitaksesi värin. Web Content Accessibility Guidelines (WCAG) tarjoaa erityisen ohjeen, joka auttaa selvittämään, onko teksti luettavissa näkövammaisille käyttäjille. Tämä kriteeri käyttää tiettyä algoritmia värikombinaatioiden vertaamiseen suhteiksi. Tämän kaavan avulla WCAG toteaa, että 4.5:1 värikontrastisuhde tekstin ja sen taustan välillä on riittävä normaalille (leipä)tekstille, ja suurella tekstillä (18+ pt normaali tai 14+ pt lihavoitu) tulisi olla vähintään 3:1 värikontrastisuhde.

    Tärkeimmät ominaisuudet

    • Reaaliaikainen kontrastisuhteen laskenta
    • WCAG AA & AAA -vaatimusten tarkistus
    • HSL-liukusäätimet hienosäätöön
    • Useita esikatseluformaatteja

    Edistyneet työkalut

    • Automaattinen värikorjaus
    • Tekstin ja taustan näytteet
    • Värinimien tunnistus
    • Vie tulokset