🎨 Проверка контраста цветов
🌤️
100%
🌤️
100%
Пример текста для проверки контраста
🔤
20px
📊 Коэффициент контраста
21:1
📝 Обычный текст (WCAG AA)
✅ Pass (≥4.5:1)
📝 Обычный текст (WCAG AAA)
✅ Pass (≥7:1)
🔤 Крупный текст (WCAG AA)
✅ Pass (≥3:1)
🔤 Крупный текст (WCAG AAA)
✅ Pass (≥4.5:1)
🖼️ Графика / UI (WCAG AA)
✅ Pass (≥3:1)
ℹ️ Пояснение: Коэффициент контраста рассчитывается по формуле WCAG 2.1.
Для обычного текста нужно ≥4.5:1 (AA) и ≥7:1 (AAA).
Для крупного текста (≥18pt или ≥14pt bold) — ≥3:1 (AA) и ≥4.5:1 (AAA).
Для графики и UI-элементов — ≥3:1 (AA).
Хотите проверить, подходит ли выбранный цвет текста цвету фона? Онлайн проверка контраста цветов в данном инструменте на этой странице сможет быстро показать насколько подходит ли тот или иной цвет текста к выбранному фону.
Проверка...