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 для тонкай налады
  • • Некалькі фарматаў прагляду

Прасунутыя інструменты

  • • Аўтаматычная выпраўленне колеру
  • • Узоры тэксту і фону
  • • Вызначэнне назвы колеру
  • • Экспарт вынікаў