Проверка контраста

Рассчитай коэффициент контраста между цветом текста и цветом фона по стандарту WCAG.

Цвет текста
Цвет фона
Контраст
1.00
Мелкий текст
Крупный текст

Предпросмотр

Так выглядит твой текст на выбранном фоне. Настраивай цвета, пока он не будет читаться комфортно.

Что такое коэффициент контраста?

Это мера разницы яркости между двумя цветами. Выражается как соотношение от 1:1 (нет контраста) до 21:1 (максимум, чёрный на белом). Чем он выше, тем лучше читается текст.

Какие значения требует WCAG?

Для мелкого текста уровень AA требует соотношения не менее 4,5:1, а уровень AAA — 7:1. Для крупного текста (18 pt или 14 pt жирным) AA требует 3:1, а AAA — 4,5:1. Если выполнить эти минимумы, твой контент сможет прочитать большинство людей, включая слабовидящих.

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовСчастливый цвет дняТвой счастливый цвет дня по знаку зодиакаКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очки
Все бесплатные инструменты →

Предпросмотр

Так выглядит твой текст на выбранном фоне. Настраивай цвета, пока он не будет читаться комфортно.