Проверувач на контраст на бои

Тестирај го контрастниот однос помеѓу преден и позадински бои за да осигураш пристапност.

1.00:1
Контраст
Fail
Многу лошо

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

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

Голем текст

AA (3:1)
AAA (4.5:1)
White
#ffffff
Sunglo
#e16865

Брзи поправки

Aa

Наслов на преглед

Брзиот кафеав лисец скока преку мрзливото куче

Пример за мал текст (12px)

Текст
#ffffff
Позадина
#e16865

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 лизгачи за прецизно подесување
  • Повеќе формати за преглед

Напредни алатки

  • Автоматско поправање на боја
  • Примери за текст и позадина
  • Детекција на име на боја
  • Извоз на резултати