Перевірка Контрасту
Безкоштовна онлайн перевірка контрасту кольорів для доступності WCAG AA та AAA. Введіть кольори тексту та фону, щоб миттєво перевірити відповідність.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Як це працює
- Введіть колір тексту як HEX-код (наприклад, #333333) або оберіть його за допомогою палітри кольорів.
- Введіть колір фону таким самим чином.
- Натисніть кнопку перевірки, щоб миттєво обчислити коефіцієнт контрасту.
- Перегляньте результати, щоб перевірити відповідність рівням WCAG AA або AAA.
- Коригуйте кольори за потреби, доки не досягнете потрібного рівня доступності.
Приклад
Вхід: Колір тексту: #1a1a1a, Колір фону: #ffffff
Результат: Коефіцієнт контрасту: 19.32:1 — Відповідає WCAG AA та AAA для звичайного та великого тексту
ЧПЗ
Коефіцієнт контрасту вимірює різницю відносної яскравості між двома кольорами. Він варіюється від 1:1 (без контрасту) до 21:1 (максимальний контраст, як чорний на білому). Високий контраст забезпечує зручність читання для всіх користувачів, зокрема людей із вадами зору.
Рівень AA вимагає мінімального коефіцієнта 4.5:1 для звичайного тексту та 3:1 для великого тексту (18pt або 14pt жирний). Більш суворий рівень AAA вимагає 7:1 для звичайного тексту та 4.5:1 для великого.
Так, ваші дані повністю конфіденційні. Всі обчислення виконуються на стороні клієнта безпосередньо у вашому браузері. Жодні значення кольорів або інша інформація не надсилаються на жодний сервер.
Так, інструмент підтримує HEX-коди, значення RGB та візуальну палітру кольорів. Використовуйте той формат, який вам найзручніший.
Так. Хоча правила WCAG містять окремі вимоги для текстового контрасту, цей інструмент також допоможе оцінити контраст для компонентів інтерфейсу та графічних елементів, які вимагають щонайменше 3:1 за рівнем AA.