Цвета и контраст

Часто задаваемые вопросы

Какие цвета можно ввести?

Hex, RGB, HSL, OKLCH, Display P3 и стандартные названия CSS-цветов. Например, red, rebeccapurple, #336699 или oklch(50% 0.1 250). Для полностью прозрачного цвета подойдёт transparent.

Как изменить прозрачный цвет?

Выбор в палитре меняет цвет, сохраняя прозрачность. Саму прозрачность можно задать в поле CSS, например rgba(0, 0, 0, 0.5).

Зачем нужна подложка?

Она задаёт цвет под полупрозрачным фоном. Без неё нельзя понять, какой цвет в итоге увидит читатель. Если фон непрозрачный, подложка на результат не влияет.

Какой контраст считается достаточным?

Для обычного текста требования WCAG AA задают минимум 4,5:1. Именно этот порог проверяет инструмент.

Что делает подбор?

Заменяет цвет текста похожим, с контрастом не меньше 4,5:1. Фон и прозрачность сохраняются. Подходящий вариант находится не всегда: тогда попробуйте сделать текст менее прозрачным или изменить фон.

Почему яркий цвет изменился?

Расчёт и образец используют пространство sRGB. Если исходный цвет в него не помещается, инструмент уменьшает его насыщенность. Результат проверки относится к этому изменённому цвету.

Достаточно ли пройти проверку контраста?

Нет. Размер и начертание текста, изображения под ним и другие детали страницы тоже влияют на читаемость. Здесь проверяется только контраст однотонных цветов по WCAG 2.2.

Где сохраняются данные?

Только в памяти вкладки. Цвета и текст никуда не отправляются. После ухода со страницы ввод сбрасывается, а скопированный CSS остаётся у вас.