ImageColorPicker.com

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

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

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

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

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

Голем текст

AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#546E7A
#546e7a

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

Aa

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

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

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

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

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

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

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