проверка контраста

Два цвета на входе — отношение контраста и уровень AA или AAA на выходе. Если не проходит, подскажем ближайший цвет, который пройдёт.

ссылкой можно поделиться
быстрые пары для примера
Аа 4.5

Обычный текст 16 px. Съешь ещё этих мягких французских булок, да выпей чаю.

Крупный текст 24 px

Кнопка
—: 1

Уровень AA требует отношения 4.5:1 для обычного текста и 3:1 для крупного — от 18 pt или от 14 pt полужирного, то есть примерно от 24 px или от 18,7 px жирным. AAA — 7:1 и 4.5:1. Для значков, рамок и полей ввода нужно не меньше 3:1. Проверка идёт по WCAG 2.1. Всё считается в браузере, цвета никуда не отправляются.

другие сервисы

генератор палитршрифтовые парыконструктор UTMтипографическая шкалакалькулятор сайтаконструктор брифа
связь

будем на связи

расскажите о задаче
телефон+7 931 709 9307 телеграм@ohmy_design whatsapp+7 931 709 9307 почтаhi@ohmy.design