HTML-цвета

Выберите цвет визуально или введите HEX-код. Значения можно копировать, а контраст помогает подобрать читаемый текст.

Заполнить пример

Выберите цвет

HEX

Пример читаемого текста

Контраст с белым—

Контраст с чёрным—

Нажмите на строку значения, чтобы скопировать.

Что учитывает расчёт

Контраст рассчитывается по относительной яркости WCAG.
Обычный текст соответствует уровню AA при отношении не ниже 4,5:1; крупный — не ниже 3:1.

Форматы веб-цветов

HEX записывает красный, зелёный и синий каналы шестнадцатеричными парами. RGB использует числа от 0 до 255, а HSL — тон, насыщенность и светлоту.

Для текста важен не только цвет, но и контраст с фоном. Проверяйте оба варианта и не передавайте смысл одним цветом.

Что означает AA?

Это базовый уровень требований WCAG к контрасту текста. Для обычного текста нужно не менее 4,5:1.