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

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

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

    Гади текст

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

    Зур текст

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

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

    Aa

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

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

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

    Текст
    #c0c0c0
    Фон
    #ffffff

    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+ нокта гади, яки 14+ нокта көрән) өчен иң аз 3:1 контраст нисбәтен тиеш.

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

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

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

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