Төсмер контрастын тикшерүче

    Керү мөмкинлеген тәэмин итү өчен алгы һәм фон төсмерләренең контраст нисбәтен тикшерегез.

    1.00:1
    Контраст
    Fail
    Бик начар

    Гади текст

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

    Зур текст

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

    Тиз төзәтүләр

    Aa

    Алдан карау исеме

    Ашыккан төлке ялкау эт өстеннән сикерә

    Кечкенә текст мисалы (12px)

    Текст
    #000000
    Фон
    #2596be

    WCAG стандартлары

    Level AA

    Гади текст өчен минималь контраст нисбәте 4.5:1 һәм зур текст өчен 3:1. Күпчелек веб-сайтлар өчен таләп ителә.

    Level AAA

    Гади текст өчен 7:1 һәм зур текст өчен 4.5:1 көчәйтелгән контраст нисбәте. Оптималь керү мөмкинлеге өчен тәкъдим ителә.

    Барлык текст зурлыклары өчен контраст җитәрлек түгел - WCAG стандартларына туры килми.

    Төс контрастын тикшерү

    Текст һәм фон төсмерләренең контраст нисбәтен исәпләгез.

    Текст һәм фон өчен төсмер сайлау өчен төсләр сайлагычын кулланыгыз яки RGB уналтылык форматында төсмер кертегез (мәсәлән, #259 яки #2596BE). Төсләрне сайлау өчен слайдерны көйләгез. Веб-контентка керү мөмкинлеге буенча күрсәтмәләр (WCAG) текстның күренүчеләр өчен укыла алуын ачыклау өчен махсус күрсәтмәгә ия. Бу критерий төсмер комбинацияләрен чагыштырыла торган нисбәтләргә карталау өчен махсус алгоритм куллана. Бу формуланы кулланып, WCAG текст һәм аның фоны өчен 4.5:1 төсмер контраст нисбәте гади (текст) текст өчен җитәрлек дип белдерә, ә зур текст (18+ pt гади, яки 14+ pt калын) кимендә 3:1 төсмер контраст нисбәтенә ия булырга тиеш.

    Төп үзенчәлекләр

    • Чын вакытта контраст нисбәтен исәпләү
    • WCAG AA & AAA туры килүен тикшерү
    • Төгәл көйләү өчен HSL слайдерлары
    • Күп төрле карау форматлары

    Алдынгы кораллар

    • Автоматик төзәтү
    • Текст һәм фон үрнәкләре
    • Төс исемен ачыклау
    • Нәтиҗәләрне экспортлау