Перевіряйте коефіцієнт контрасту між двома кольорами щодо рівнів доступності WCAG AA та AAA.
Як користуватися Перевірка контрасту
Оберіть колір тексту та колір фону.
Прочитайте коефіцієнт контрасту та позначки проходження чи непроходження WCAG.
Коригуйте кольори, доки вони не пройдуть потрібний вам рівень.
Поширені запитання
WCAG AA вимагає 4.5:1 для звичайного тексту та 3:1 для великого тексту (18pt чи 14pt напівжирний). AAA вимагає 7:1 і 4.5:1 відповідно.
Текст розміром щонайменше 24px (18pt) або 18.66px (14pt) напівжирний. Великому тексту дозволено нижчий коефіцієнт контрасту.
За відносною яскравістю кожного кольору за офіційною формулою WCAG, що дає значення від 1:1 (без контрасту) до 21:1 (чорне на білому).
Перевірка контрасту кольорів WCAG, що показує точний коефіцієнт контрасту між кольором тексту та фону й чи відповідає він рівням доступності AA та AAA.
Обирайте кольори зразком чи за hex-кодом і дивіться живий попередній перегляд. Добрий контраст робить ваш сайт читабельним і доступним.
Пов'язані інструменти
Генеруйте хеші SHA-1, SHA-256, SHA-384 та SHA-512 для будь-якого тексту прямо у вашому браузері.
Конвертуйте кольори між HEX, RGB та HSL із живим попереднім переглядом.
Конвертуйте часові мітки Unix у зрозумілі дати й назад: UTC, локальний час, ISO 8601 та відносний час. Секунди й мілісекунди визначаються автоматично.
Відсоткове кодування та декодування URL і компонентів URL із підтримкою UTF-8.