Проверка на Контраст
Безплатна онлайн проверка на цветовия контраст за достъпност по WCAG AA и AAA. Въведете цветовете на текста и фона, за да проверите съответствието незабавно.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Как работи
- Въведете цвета на текста като HEX код (например #333333) или използвайте цветовия избирател.
- Въведете цвета на фона по същия начин.
- Натиснете бутона за проверка, за да изчислите коефициента на контраст.
- Прегледайте резултатите за съответствие с WCAG AA и AAA стандартите.
- Коригирайте цветовете, ако е необходимо, докато постигнете желаното ниво на достъпност.
Пример
Вход: Цвят на текста: #1a1a1a, Цвят на фона: #ffffff
Резултат: Коефициент на контраст: 19.32:1 — Преминава WCAG AA и AAA за нормален и голям текст
ЧЗВ
WCAG (Насоки за достъпност на уеб съдържание) е международен стандарт, който гарантира, че уебсайтовете са достъпни за хора с увредено зрение. Спазването на тези стандарти е задължително в много страни.
AA изисква коефициент на контраст минимум 4.5:1 за нормален текст и 3:1 за голям текст. AAA изисква по-висок стандарт — 7:1 за нормален текст и 4.5:1 за голям текст.
Да, напълно безопасно е. Всички изчисления се извършват директно в браузъра ви. Никакви данни не се изпращат към сървър, така че поверителността ви е напълно защитена.
Да, инструментът поддържа HEX кодове (#ffffff), RGB стойности и HSL формат. Изберете формата, който ви е най-удобен.