🌓

Бесплатно WCAG Color Contrast Checker

Check whether two colors meet WCAG AA and AAA contrast standards for accessibility. Live preview at multiple text sizes with automatic suggestions when contrast is too low.

Runs in your browserNo sign-up, no pop-upsРегистрация не требуетсяБесплатно навсегда

Text color

Background color

Large heading text

Medium body text (18px) for reading and content.

Normal body text (16px) for paragraphs.

Small body text (14px) for captions and metadata.

14.63:1

Contrast ratio

✓WCAG AA — Normal text

Requires 4.5:1 · You have 14.63:1

✓WCAG AA — Large text

Requires 3.0:1 · You have 14.63:1

✓WCAG AAA — Normal text

Requires 7.0:1 · You have 14.63:1

✓WCAG AAA — Large text

Requires 4.5:1 · You have 14.63:1

✓UI components / graphical objects

Requires 3.0:1 · You have 14.63:1

Quick presets

Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.

Optimize for your platform

Audit Web Pages for WCAG Compliance Verify Brand Color Combinations Test Dark Mode Color Palettes Color Pairings for Print Materials Design Accessible Button Colors

Как это работает

Ввод

Введите ваш текст или данные.

Обработка

Мгновенная обработка в вашем браузере. Без сервера, без ожидания.

Скачать

Сохраните результат. Ничего не хранится.

Почему наш?

✓Completely free — no hidden costs, ever

✓No account, email, or login required

✓Runs entirely in your browser — no uploads

✓Works on any device — phone, tablet, desktop

✓Open and ad-supported, with no tracking

✓Loads fast, with no installation needed

Бесплатно WCAG Color Contrast Checker

Optimize for your platform

Как это работает

Почему наш?

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

Генератор QR-кодов

Выбор цвета и генератор палитр

Генератор паролей

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