Web Content Accessibility Guidelines.

AA: 4.5:1 normal text. AAA: 7:1 normal text.

Enter hex codes or use color picker.

Yes, completely free, no signup.

What is a good color contrast ratio?

A contrast ratio of at least 4.5:1 is required for normal text under WCAG AA standards. Large text (18pt+) needs 3:1. For AAA compliance, normal text requires 7:1 and large text 4.5:1.

Why is color contrast important for accessibility?

Poor contrast makes text unreadable for people with low vision, color blindness, or those viewing screens in bright sunlight. Good contrast ensures your content is accessible to everyone.

What does WCAG stand for?

WCAG stands for Web Content Accessibility Guidelines. It is the international standard for web accessibility, including color contrast requirements.

Does this tool work offline?

Yes. Once loaded, the tool works entirely in your browser with no internet connection needed.

← Назад

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

Проверьте, соответствуют ли цвета текста и фона стандартам доступности WCAG 2.1 для обычного и большого текста. Незаменим для дизайнеров и разработчиков.

Ваши данные никогда не отправляются на наши серверы

Цвет текста

Цвет фона

Быстрая бурая лиса перепрыгивает через ленивую собаку.

—

Обычный текст АА
(4,5:1)

—

Обычный текст ААА
(7:1)

—

Крупный текст АА
(3:1)

—

Крупный текст ААА
(4,5:1)

WCAG 2.1 определяет большой текст как жирный шрифт размером 18 пт (24 пикселя) или 14 пт (18,66 пикселя). Соотношение рассчитывается на основе относительной яркости каждого цвета.

Сопутствующие инструменты

Форматёр текста в социальных сетях

Преобразуйте текст в стили полужирный, курсив и Юникод.

Открыть →

Сжатие изображений

Уменьшите размер файла фотографии перед отправкой по электронной почте или загрузкой.

Открыть →

Счетчик слов

Подсчитайте слова, символы и предложения.

Открыть →

Узнать больше

Прочтите наше подробное руководство по этому инструменту.