Перевірка контрасту кольорів
Перевірте співвідношення контрасту кольорів WCAG 2.1 AA/AAA для відповідності стандартам доступності.
Коефіцієнт контрасту
WCAG 2.1
Попередній перегляд
Хутка руда лисиця перестрибнула через ледачого собаку.
Хутка руда лисиця перестрибнула через ледачого собаку.
Хутка руда лисиця перестрибнула через ледачого собаку.
Хутка руда лисиця перестрибнула через ледачого собаку.
Color Blindness Simulation
Хутка руда лисиця перестрибнула через ледачого собаку.
Хутка руда лисиця перестрибнула через ледачого собаку.
Про перевірку контрасту кольорів
Перевірка контрасту кольорів WCAG перевіряє, чи відповідає співвідношення контрасту між кольорами тексту та фону стандартам WCAG 2.1. Рівень AA вимагає співвідношення 4.5:1 для звичайного тексту, а AAA — 7:1. Це важливо для забезпечення доступності веб-контенту для користувачів зі зниженим зором або дальтонізмом.
Як користуватися
Введіть кольори у форматі hex, RGB або HSL для переднього плану (тексту) та фону. Інструмент миттєво розраховує співвідношення контрасту та показує статус проходження/непроходження для рівнів WCAG AA та AAA. Використовуйте кнопку обміну для зміни кольорів. Перегляньте запропоновані доступні альтернативні кольори, якщо ваша комбінація не проходить.
Поширені випадки використання
- Забезпечення відповідності веб-дизайну вимогам доступності WCAG 2.1
- Перевірка читабельності тексту кнопок та посилань на фоні
- Підготовка доступних PDF та презентацій
- Перевірка підписів форм та тексту введення на відповідність
- Валідація комбінацій фірмових кольорів для інклюзивного дизайну