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

Алгы һәм фон төсләр арасындагы контраст коэффициентын сынап карагыз.

1.00:1
Контраст
Fail
Бик ярлы

Нормаль текст

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

Зур текст

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#b3b3b3

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

Aa

Алдан карау

Тиз коңгырт төлке ялкау эт өстенә сикерә

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

Текст
#000000
Фон
#b3b3b3

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

Level AA

Нормаль текст өчен минималь контраст коэффициенты 4,5: 1, зур текст өчен 3: 1. Күпчелек вебсайтлар өчен кирәк.

Level AAA

Нормаль текст өчен 7: 1 һәм зур текст өчен 4,5: 1 көчәйтелгән контраст коэффициенты. Оптималь мөмкинлек өчен тәкъдим ителә.

Барлык текст зурлыклары өчен начар контраст.

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

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

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

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

  • Реаль вакыт контраст коэффициентын исәпләү
  • WCAG AA & AAA туры килүен тикшерү
  • Нечкә көйләү өчен HSL слайдерлары
  • Берничә алдан карау форматлары

Алга киткән кораллар

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