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

Утилиты для разработчиков

Измеряйте коэффициенты контраста WCAG и проверяйте соответствие AA и AAA для обычного и крупного текста.

Как использовать

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

Choose the text color.
Choose the background color.
Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

Частые вопросы

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

Похожие инструменты

Генератор цветовых палитр Создавайте светлые, тёмные, аналогичные, комплементарные и триадные палитры из любого цвета. Конвертер цветов Преобразует цвета между HEX, RGB и HSL с живым предпросмотром. Генератор CSS-градиентов Создавайте линейные или радиальные CSS-градиенты с живым просмотром и готовым CSS. Генератор UUID / GUID Генерирует случайные UUID версии 4 и копирует их по одному или пакетом. Генератор хешей Вычисляет дайджесты MD5, SHA-1, SHA-256 и SHA-512 для любого текста. Конвертер меток времени Преобразует между метками времени Unix, ISO 8601 и читаемыми локальными датами.