Перевірка контрасту кольорів
Перевірте, чи читається текст на тлі: коефіцієнт контрасту WCAG і результати AA та AAA. Якщо перевірку не пройдено, отримайте найближчий придатний колір.
Працює в браузері. Файли ніколи не завантажуються й не зберігаються.
Приклад великого тексту
Так виглядає звичайний текст у цих кольорах.
коефіцієнт контрасту
- AA, звичайний текст ≥ 4.5:1
- AA, великий текст ≥ 3:1
- AAA, звичайний текст ≥ 7:1
- AAA, великий текст ≥ 4.5:1
- Значки й кнопки ≥ 3:1
Щось не працює чи бракує функції?
Як користуватися: Перевірка контрасту кольорів
- Виберіть або введіть кольори тексту й тла.
- Подивіться коефіцієнт контрасту й пройдені рівні.
- Якщо не пройдено, використайте запропонований колір.
Запитання
На який рівень орієнтуватися?
AA — звичайний юридичний і дизайнерський стандарт: 4,5:1 для звичайного тексту й 3:1 для великого. AAA суворіший.
Мої файли завантажуються?
Ні. Інструмент працює в браузері, а сторінці заборонено будь-куди надсилати дані. Перевірте, вимкнувши інтернет: усе працюватиме далі.
Компоненти з відкритим кодом
Цей інструмент використовує лише можливості вашого браузера: жодного стороннього коду.