Проверяйте коэффициент контрастности между двумя цветами по уровням доступности 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.
Выбирайте цвета с помощью палитры или шестнадцатеричного кода и смотрите предпросмотр в реальном времени. Хороший контраст делает ваш сайт читаемым и доступным.
Похожие инструменты
Вычисляйте хеши SHA-1, SHA-256, SHA-384 и SHA-512 из текста или файла. Поддерживается HMAC. Всё выполняется локально в браузере.
Конвертируйте цвета между форматами HEX, RGB, HSL и HSB. Мгновенный предпросмотр.
Конвертируйте Unix-метки времени в читаемые даты и обратно. Поддерживаются секунды и миллисекунды.
Кодируйте и декодируйте URL и компоненты URL с поддержкой UTF-8.
Мы используем необходимые файлы cookie для работы сайта. С вашего согласия мы также загружаем Google AdSense, который устанавливает рекламные cookie. Ознакомьтесь с нашей политикой конфиденциальности.