Spalvų kontrasto tikrintuvas

    Patikrinkite pirmojo plano ir fono spalvų kontrasto santykį, kad užtikrintumėte prieinamumą.

    1.00:1
    Kontrastas
    Fail
    Labai prastas

    Įprastas tekstas

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

    Didelis tekstas

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

    Greitas taisymas

    Aa

    Peržiūra Pavadinimas

    Greita rudoji lapė peršoka tinginį šunį

    Mažo teksto pavyzdys (12px)

    Tekstas
    #000000
    Pagrindinė informacija
    #2596be

    WCAG standartai

    Level AA

    Mažiausias kontrasto santykis 4,5:1 įprastam tekstui ir 3:1 dideliam tekstui. Būtinas daugumoje svetainių.

    Level AAA

    Patobulintas kontrasto santykis - 7:1 įprastam tekstui ir 4,5:1 dideliam tekstui. Rekomenduojama siekiant optimalaus prieinamumo.

    Nepakankamas visų dydžių teksto kontrastas - neatitinka WCAG standartų.

    Spalvų kontrasto tikrintuvas

    Apskaičiuokite teksto ir fono spalvų kontrasto santykį.

    Pasirinkite spalvą naudodami spalvų rinkiklį teksto ir fono spalvai arba įveskite spalvą RGB šešioliktaine forma (pvz., #259 arba #2596BE). Spalvai parinkti galite reguliuoti slankiklį. Žiniatinklio turinio prieinamumo gairėse (WCAG) yra specialios gairės, padedančios išsiaiškinti, ar tekstas yra įskaitomas regintiems naudotojams. Pagal šį kriterijų naudojamas tam tikras algoritmas, pagal kurį spalvų deriniai atvaizduojami į palyginamus santykius. Pagal šią formulę WCAG nurodo, kad įprastam (pagrindiniam) tekstui tinka 4,5:1 teksto ir jo fono spalvų kontrasto santykis, o dideliam tekstui (18+ pt įprastam arba 14+ pt paryškintam) turėtų būti taikomas bent 3:1 spalvų kontrasto santykis.

    Pagrindinės funkcijos

    • Kontrasto santykio apskaičiavimas realiuoju laiku
    • WCAG AA ir AAA atitikties tikrinimas
    • HSL slankikliai, skirti tiksliam reguliavimui
    • Keli peržiūros formatai

    Išplėstiniai įrankiai

    • Automatinis spalvų nustatymas
    • Teksto ir fono pavyzdžiai
    • Spalvos pavadinimo aptikimas
    • Eksportuoti rezultatus