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

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

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

Гади текст

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

Зур текст

AA (3:1)
AAA (4.5:1)
White
#ffffff
Jungle Mist
#b4cfd3

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

Aa

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

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

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

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

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 слайдерлары
  • Күп төрле карау форматлары

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

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