Сервис проверки контраста цветов

Наверх

К списку сервисов

Проверка контраста цветов

Цвет текста

Цвет фона

7,58

Хороший контраст

AAA

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

Обычный текст

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

Обычный текст

Пример текста

Когда-то Пабло Пикассо сказал: «Хорошие художники копируют, великие художники крадут». Мы никогда не стыдились воровать гениальные идеи у других».

Автор — Стив Джобс

Как это работает?

Наш сервис использует гайдлайны Web Content Accessibility Guidelines (WCAG) для расчёта коэффициента контрастности цветов. Мы оцениваем разницу между яркостью двух цветов. Это позволяет узнать, насколько хорошо пользователи различают текст на фоне. Разница измеряется по шкале соотношений, которая начинается с 1:1 (для белого на белом) до 21:1 (для чёрного на белом).

Стандарты WCAG определяют два уровня коэффициента контрастности: АА (минимальная контрастность) и ААА (повышенная контрастность).

Уровень АА требует, чтобы коэффициент контрастности был не менее 4,5:1 для обычного текста (до 17pt) и 3:1 для крупного текста (не менее 18pt) или жирного текста.
Уровень ААА требует коэффициента контрастности не менее 7:1 для обычного текста и 4,5:1 для крупного текста или жирного текста.

Коэффициент контрастности цветов важен для того, чтобы текст был доступен и удобен для чтения всем. Поэтому очень важно сделать контент удобным, дружелюбным и доступным для всех пользователей.