ImageColorPicker.com

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

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

Төсләреңне тикшер

Текст укыла алуын тәэмин итү өчен WCAG керү мөмкинлеге стандартларына туры килүен тикшерү өчен төсмер комбинацияләрен сынап карагыз.

1.00:1
Контраст
Уңышсыз
Бик начар

Гади текст

AA (4.5:1)
Уңышсыз
AAA (7:1)
Уңышсыз

Зур текст

AA (3:1)
Уңышсыз
AAA (4.5:1)
Уңышсыз

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

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

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

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

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

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

AA дәрәҗәсе

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

AAA дәрәҗәсе

Гадәти текст өчен 7:1 кушылган контраст нисбәте һәм 4.5:1 зур текст өчен. Максатчан уңайлылык өчен тәкъдим ителә.

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

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

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

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

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

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

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

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

Еш сорала торган сораулар

WCAG AA туры килүе өчен гади текстка 4,5:1 минималь контраст коэффициенты кирәк, ә зур текстка (18pt яки 14pt калын шрифт) 3:1 кирәк.

WCAG AAA югарырак контраст коэффициентлары таләп итә: гади текст өчен 7:1, зур текст өчен 4,5:1, AA өчен тиешенчә 4,5:1 һәм 3:1 белән чагыштырганда.

Дизайн максатын саклап, текст яки фонны көйләү өчен автомат төзәтү функциясен кулланыгыз, яки AA/AAA туры килү өчен оптималь зоналарны күрсәтүче HSL көйләүчеләре белән төсләрне кулдан көйләгез.

Яшел зоналар һәм AA/AAA билгеләре WCAG туры килүенә ирешү өчен оптималь диапазоннарны күрсәтә. Юнәлеш киңәшләре (яктырак/караңгырак) сезнең хәзерге төс комбинациягезгә карап яхшырак контрастка юнәлтә.

Әйе, сез теләсә нинди HEX кодны кертә аласыз яки төс сайлагыч белән махсус төсләр сайлый аласыз. URL автоматик рәвештә яңара, шуңа күрә сез аерым төс комбинацияләрен уртаклаша аласыз.