Krāsu kontrasta pārbaudītājs

    Pārbaudi kontrasta attiecību starp priekšplāna un fona krāsām, 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
    Eastern Blue
    #2596be

    Ātrie labojumi

    Aa

    Priekšskatījuma virsraksts

    Ātrs brūns lapsa lec pāri slinkam sunim

    Mazs teksta piemērs (12px)

    Teksts
    #000000
    Fons
    #2596be

    WCAG standarti

    Level AA

    Minimālā kontrasta attiecība 4.5:1 parastam tekstam un 3:1 lielam tekstam. Nepieciešams lielākajai daļai 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ēķini teksta un fona krāsu kontrasta attiecību.

    Izvēlies krāsu, izmantojot krāsu atlasītāju tekstam un fona krāsai, vai ievadi krāsu RGB heksadecimālā formātā (piemēram, #259 vai #2596BE). Tu vari 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 kartētu krāsu kombinācijas salīdzināmās attiecībās. Izmantojot šo formulu, WCAG norāda, ka 4.5:1 krāsu kontrasta attiecība starp tekstu un tā fonu ir pietiekama parastam (ķermeņa) tekstam, un lielam tekstam (18+ pt parasts vai 14+ pt trekns) jābūt vismaz 3:1 krāsu kontrasta attiecībai.

    Galvenās funkcijas

    • Reāllaika kontrasta attiecības aprēķins
    • WCAG AA & AAA atbilstības pārbaude
    • HSL slīdņi precīzai pielāgošanai
    • Vairāki priekšskatījuma formāti

    Uzlaboti rīki

    • Automātiska krāsu labošana
    • Teksta un fona paraugi
    • Krāsu nosaukumu noteikšana
    • Eksportēt rezultātus