Праверка кантрасту колераў

Праверь свае колеры

Праверка камбінацый колераў, каб пераканацца, што яны адпавядаюць стандартам даступнасці WCAG для чытэльнасці тэксту.

1.00:1

Кантраст

Не прайшло

Вельмі дрэнна

Звычайны тэкст

AA (4.5:1)

AAA (7:1)

Вялікі тэкст

AA (3:1)

AAA (4.5:1)

Колер тэксту

Колер фону

Хуткія выпраўленні

Загаловак папярэдняга прагляду

Хуткая карычневая ліса пераскоквае праз лянівага сабаку

Прыклад малога тэксту (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+ pt звычайны або 14+ pt тлусты) павінен мець як мінімум 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 адпаведна.

Скарыстай нашу функцыю аўтавыпраўлення, каб змяніць колер тэксту або фону і захаваць задуму дызайну, або ўручную наладзь колеры паўзункамі HSL з візуальнымі індыкатарамі, якія паказваюць аптымальныя зоны для адпаведнасці AA/AAA.

Зялёныя зоны і маркеры AA/AAA паказваюць аптымальныя дыяпазоны для адпаведнасці WCAG. Падказкі напрамку (Светлей/Цямней) паказваюць, у якім кірунку змяніць колер, каб палепшыць кантраст для тваёй камбінацыі.

Так, можна ўвесці любыя HEX-коды або выбраць уласныя колеры з колавыбіральніка. URL абнаўляецца аўтаматычна, таму ты можаш падзяліцца канкрэтнай камбінацыяй колераў.