Перевір свої кольори
Перевірте комбінації кольорів, щоб переконатися, що вони відповідають стандартам доступності WCAG для читабельності тексту.
Звичайний текст
Великий текст
Швидкі виправлення
Швидка руда лисиця стрибає через ледачого собаку
Приклад малого тексту (12px)
Стандарти WCAG
Рівень AA
Мінімальний коефіцієнт контрастності 4.5:1 для нормального тексту і 3:1 для великого тексту. Потрібно для більшості вебсайтів.
Рівень AAA
Покращений коефіцієнт контрастності 7:1 для нормального тексту і 4.5:1 для великого тексту. Рекомендується для оптимальної доступності.
Недостатній контраст для всіх розмірів тексту - не відповідає стандартам WCAG.
Перевірка контрастності кольорів
Розрахуйте коефіцієнт контрастності тексту та кольору фону.
Виберіть колір за допомогою вибору кольору для тексту та кольору фону або введіть колір у форматі шістнадцяткових RGB (наприклад, #259 або #2596BE). Ви можете налаштувати слайдер для вибору кольору. Веб-стандарти доступності контенту (WCAG) мають спеціальні керівництва, щоб перевірити, чи є текст читабельним для людей з нормальним зором. Цей критерій використовує спеціальний алгоритм для перетворення комбінацій кольорів у порівняльні коефіцієнти. Згідно з цією формулою, WCAG зазначає, що 4.5:1 коефіцієнт контрастності тексту та фону є адекватним для звичайного тексту, а великий текст (18+ пунктів звичайний, або 14+ пунктів жирний) повинен мати щонайменше 3:1 коефіцієнт контрастності.
Ключові особливості
- Розрахунок коефіцієнта контрасту в реальному часі
- Перевірка відповідності WCAG AA & AAA
- Повзунки HSL для точного налаштування
- Кілька форматів попереднього перегляду
Розширені інструменти
- Автоматичне виправлення кольору
- Зразки тексту та фону
- Визначення назви кольору
- Експорт результатів