Проверка контрастности
Проверяйте коэффициенты контрастности WCAG для доступного текста и интерфейса.
Предпросмотр
Съешь же ещё этих мягких французских булок да выпей чаю
Коэффициент контрастности: 17.72:1
Предложения AA
#0a0a0b
Коэффициент контрастности 19.79:1 · темнее
#000000
Коэффициент контрастности 21:1 · темнее
#26262b
Коэффициент контрастности 15.06:1 · светлее
#35353b
Коэффициент контрастности 12.18:1 · светлее
#43434c
Коэффициент контрастности 9.79:1 · светлее
Как использовать
- Введите или выберите цвет переднего плана.
- Введите или выберите цвет фона.
- Просмотрите коэффициент, значки и предложенные альтернативы, соответствующие AA.
Часто задаваемые вопросы
Какой коэффициент контрастности хороший?
Для обычного текста WCAG AA требует не менее 4.5:1, а AAA - не менее 7:1.
Что считается крупным текстом?
Крупный текст обычно 18pt или 14pt жирный, с более низким порогом AA 3:1.
Как генерируются предложения?
Инструмент изменяет яркость переднего плана к белому или чёрному, пока коэффициент не достигнет 4.5:1.
Похожие инструменты
Генератор цветовых палитр
Создавайте гармоничные палитры в режимах случайного, аналогового, комплементарного и триадного.
Конвертер цветов
Мгновенно конвертирует цвета между HEX, RGB, HSL и HSV.
Симулятор дальтонизма
Предпросмотр, как изображения выглядят при распространённых типах дальтонизма.
Генератор цветовых градиентов
Создавайте CSS-линейные градиенты с пользовательскими цветами и направлениями.
Генератор оттенков
Генерирует шкалы светлых и тёмных оттенков с экспортируемыми CSS-переменными.
Поиск названия цвета
Находит ближайшее CSS-название цвета для любого значения.