Reňk kontrast barlagçysy

    Elýeterliligi üpjün etmek üçin öň we fon reňkleriniň kontrast gatnaşygy barlaň.

    1.00:1
    Kontrast
    Fail
    Gaty pes

    Adaty tekst

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

    Uly tekst

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

    Çalt düzedişler

    Aa

    Öňünden synlaň ady

    Çalt goňur tilki ýalta itiň üstünden bökýär

    Kiçi tekst mysaly (12px)

    Tekst
    #ffffff
    Fon
    #c0c0c0

    WCAG standartlary

    Level AA

    Adaty tekst üçin iň pes kontrast gatnaşygy 4.5:1 we uly tekst üçin 3:1. Köp web sahypalary üçin zerur.

    Level AAA

    Adaty tekst üçin ýokary kontrast gatnaşygy 7:1 we uly tekst üçin 4.5:1. Iň optimal elýeterlilik üçin teklip edilýär.

    Tekstiň ähli ululyklary üçin kontrast ýeterlik däl - WCAG standartlaryna laýyk gelmeýär.

    Reňk kontrast barlaýjysy

    Tekst we fon reňkleriniň kontrast gatnaşygy hasapla.

    Reňk saýlaýjyny ulanyp, tekst we fond reňkini saýlaň ýa-da RGB onaltalyk formatda reňk giriziň (mysal üçin, #259 ýa-da #2596BE). Reňk saýlamak üçin suw geçirişini sazlap bilersiňiz. Web Mazmuny Elýeterlilik Gollanmasy (WCAG) göze görünýän ulanyjylar üçin tekstiň okalýandygyny kesgitlemek üçin ýörite gollanmany öz içine alýar. Bu meýilnama reňk kombinasiýalaryny deňeşdirip bolýan gatnaşyklara geçirmek üçin belli bir algoritmi ulanýar. Bu formulany ulanyp, WCAG tekst we fon bilen 4.5:1 reňk kontrast gatnaşygy adaty tekst üçin ýeterlikdigini, uly tekst (18+ pt adaty ýa-da 14+ pt galyň) üçin azyndan 3:1 kontrast gatnaşygy bolmalydygyny aýdýar.

    Esasy aýratynlyklar

    • Hakyky wagt kontrast gatnaşygy hasaplamasy
    • WCAG AA & AAA laýyklyk barlagy
    • Takyk sazlamak üçin HSL süýşürijileri
    • Köp görnüşli öňünden görmek

    Ösen gurallar

    • Awtomatiki reňk düzedişi
    • Tekst we fon nusgalary
    • Reňk adyny anyklamak
    • Netijeleri eksport etmek