Проверка контрастности цветов: читается ли текст на фоне по стандарту WCAG
Выберите цвет текста и фона — сервис посчитает коэффициент контрастности, покажет, проходит ли пара уровни AA и AAA для обычного и крупного текста, и подберёт ближайший оттенок, который пройдёт проверку. С превью кнопки и абзаца.
Проверка контрастности цветов по WCAG
Обычный текст абзаца: проверьте, читается ли он на этом фоне на телефоне при ярком свете. Мелкие подписи и плейсхолдеры должны проходить тот же порог.
Мелкая подпись 12 px КнопкаВведите цвета текста и фона в HEX или выберите пипеткой. Пары из фирменного стиля удобно проверить списком.
Смотрите коэффициент: 4,5:1 и выше — уровень AA для обычного текста, 3:1 — для крупного и элементов интерфейса, 7:1 — AAA.
Если пара не проходит, нажмите «Подобрать» — сервис затемнит или осветлит цвет текста до ближайшего проходящего оттенка.
Расчёт по формуле относительной яркости WCAG 2.x. Крупным считается текст от 24 px или от 18,66 px полужирного. Контраст — один из критериев доступности, но не единственный.
Заявка принята —
Менеджер свяжется в течение 15 минут в рабочее время (пн–пт, 9:00–19:00). Копию заявки отправили на почту. Если срочно — напишите в WhatsApp.
Два офиса: Алматы и Усть-Каменогорск
Пишите в WhatsApp на любой из номеров или на почту — ответим в рабочее время в течение 15 минут.
Офис в Алматы
Офис в Усть-Каменогорске
Все услуги компании
Проверка контрастности цветов по WCAG: зачем нужен и как использовать результат
Светло-серый текст на белом красиво выглядит в макете и не читается на телефоне на солнце. Стандарт WCAG задаёт минимальный контраст между текстом и фоном: 4,5:1 для обычного текста и 3:1 для крупного. Google и магазины приложений учитывают доступность, а для госзаказа и банков она обязательна.
Сервис WeMake считает контраст, показывает превью и подбирает проходящий оттенок, не ломая палитру. Проверка доступности, адаптивы и дизайн-система входят в дизайн сайтов и приложений WeMake.