Krāsu kontrasta pārbaudītājs

    Pārbaudiet priekšplāna un fona krāsu kontrasta attiecību, lai nodrošinātu pieejamību.

    1.00:1
    Kontrasts
    Fail
    Ļoti slikti

    Parasts teksts

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

    Liels teksts

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

    Ātrie labojumi

    Aa

    Priekšskatījums Nosaukums

    Ātrā brūnā lapsa pārlec pār slinko suni

    Maza teksta piemērs (12px)

    Teksts
    #000000
    Pamatinformācija
    #2596be

    WCAG standarti

    Level AA

    Minimālā kontrasta attiecība ir 4,5:1 parastam tekstam un 3:1 lielam tekstam. Nepieciešams lielākajai daļai tīmekļa vietņu.

    Level AAA

    Uzlabota kontrasta attiecība 7:1 parastam tekstam un 4,5:1 lielam tekstam. Ieteicams optimālai pieejamībai.

    Nepietiekams kontrasts visiem teksta izmēriem - neatbilst WCAG standartiem.

    Krāsu kontrasta pārbaudītājs

    Aprēķiniet teksta un fona krāsu kontrasta attiecību.

    Izvēlieties krāsu, izmantojot krāsu atlasītāju teksta un fona krāsai, vai ievadiet krāsu RGB heksadecimālajā formātā (piemēram, #259 vai #2596BE). Varat pielāgot slīdni, lai izvēlētos krāsu. Tīmekļa satura pieejamības vadlīnijās (WCAG) ir īpaša vadlīnija, kas palīdz noteikt, vai teksts ir salasāms redzīgiem lietotājiem. Šis kritērijs izmanto īpašu algoritmu, lai krāsu kombinācijas attēlotu salīdzināmos koeficientos. Izmantojot šo formulu, WCAG nosaka, ka parastam (pamattekstam) tekstam ir piemērota 4,5:1 krāsu kontrasta attiecība starp tekstu un tā fonu, bet lielam tekstam (18+ pt parasts vai 14+ pt treknraksts) jābūt vismaz 3:1 krāsu kontrasta attiecībai.

    Galvenās funkcijas

    • Kontrasta attiecības aprēķināšana reālā laikā
    • WCAG AA un AAA atbilstības pārbaude
    • HSL slīdņi precīzai regulēšanai
    • Vairāki priekšskatījuma formāti

    Uzlabotie rīki

    • Automātiska krāsu noteikšana
    • Teksta un fona paraugi
    • Krāsas nosaukuma noteikšana
    • Eksporta rezultāti