Контраст WCAG онлайн

Считает, проходит ли пара цветов текста и фона порог AA/AAA. Серый на белом часто не дотягивает.

Если не проходит — поменяйте HEX в CSS, в Figma, в теме. Число 4.5:1 в код не вставляют: это критерий приёмки, не CSS-свойство.

Данные

Укажите цвет текста и фона. Крупный текст — от 18pt или 14pt bold.

AA normal требует 4.5:1, AAA — 7:1. Крупный текст слабее: 3:1 и 4.5:1.

Почему не проходит серый на белом?

Слишком близкая яркость. Увеличьте разницу.

alpha?

Считается как непрозрачный HEX. Полупрозрачность смешайте сами.

Крупный текст это какой?

По WCAG: ≥18pt или ≥14pt и жирный.

Для иконок UI?

Для нетекстовой графики ориентир 3:1.

HEX из Figma?

Вставьте как есть, с # или без.