Перевірити контраст кольорів (WCAG)

Виміряйте коефіцієнт контрасту WCAG 2.1 між двома кольорами й дізнайтеся, чи проходять вони рівні AA, AA Large і AAA для доступного тексту. Працює повністю у вашому браузері.

Конфіденційність понад усе: кожне зображення обробляється локально у вашому браузері. Нічого не завантажується, не зберігається й не передається на жоден сервер.

Контраст — це вимога доступності, а не смак

WCAG вимагає, щоб текст контрастував із тлом на рівні 4.5:1 для звичайного тексту (AA) і 7:1 для AAA — правова територія для багатьох організацій. Текст поверх зображень постійно провалює цю вимогу, бо дизайнери оцінюють контраст відносно середнього тону зображення, тоді як користувачі читають його на найсвітлішій ділянці.

Вимірюйте відносно справжнього зображення

Оберіть колір тексту й візьміть зразок справжнього тла із самого зображення; перевіряч обчислює співвідношення й оцінює його за порогами AA та AAA для звичайного й великого тексту. Виправляйте провали, затемнюючи накладку чи освітлюючи текст, — і вимірюйте знову, доки не пройде. Усе локально, нічого не завантажується.

Поширені запитання

Чи надсилається моє зображення на сервер для аналізу?
Ні. Витягування кольорів, гістограми та перевірки контрасту — усе виконується локально у вашому браузері.
Яку інформацію про кольори я можу отримати?
Домінуючі кольори, палітру з hex-кодами й відсотками присутності, яку можна скопіювати, а також повні гістограми RGB і яскравості.
Для чого потрібна перевірка контрасту?
Вона вимірює коефіцієнт контрасту WCAG 2.1 між двома кольорами й показує, чи проходять вони AA, AA Large та AAA для доступного тексту.
Чи можна скопіювати коди кольорів?
Так. Клацніть будь-який зразок, щоб скопіювати його hex-код, або скопіюйте всю палітру одразу.