Контраст WCAG
відносна яскравість за WCAG 2.x і перевірка порогів AA/AAA для тексту й UI
Кольори
Приклад тексту 16px
Великий заголовок
Результат
Коефіцієнт контрасту
10.35:1
AA звичайний текст (≥4.5)
AA великий текст ≥18pt/14pt bold (≥3)
AAA звичайний текст (≥7)
UI-компоненти/іконки (≥3)
Формула WCAG 2.x: L = 0.2126·R + 0.7152·G + 0.0722·B з гамма-корекцією sRGB; ratio = (L1+0.05)/(L2+0.05), максимум 21:1 (чорне на білому). «Великий текст» = ≥18pt (24px) або ≥14pt (18.66px) bold. Для посилань у тексті краще AAA — особливо на сірому фоні.
Про contrast
Contrast — безкоштовний онлайн-інструмент на usefulhub.cloud. IT Інструменти: Утиліти для розробників. Використовуйте наші інструменти без реєстрації та встановлення програм. Усі обчислення відбуваються у вашому браузері — ваші дані не передаються на сервер.