Інструменти › Дизайн
Перевірка контрасту кольорів
Перевіряйте кольори тексту та інтерфейсу за WCAG 2.2 AA і AAA, беріть кольори з екрана чи макета й отримуйте найближчий відтінок, що проходить перевірку.
Великий текст 24 px
Основний текст розміром 16 px має залишатися читабельним для всіх, зокрема для людей зі слабким зором.
2.21:1
✗ AA текст✗ AA великий✗ AAA текст✗ AAA великий✗ Інтерфейс і значки
Найближчий колір тексту, що проходить AA: #B4610B
Взяти кольори з макета
Як це працює
- Контраст рахується за формулою відносної яскравості WCAG і округлюється вниз, як це роблять аудитори.
- Підказка зберігає тон і насиченість вашого кольору та змінює лише світлість.
Запитання
Що вважається великим текстом?
Від 24 px звичайного накреслення або від 18,66 px напівжирного. Для AA йому потрібно 3:1 замість 4,5:1.