Все инструменты / Преобразование цвета и проверка контрастаКак пользоваться инструментом Выберите HEX, RGB или HSL и один цвет. RGB — целые 0–255; HSL: тон 0–360, насыщенность и светлота 0–100%.
Введите непрозрачный цвет фона HEX либо оставьте пустым для белого.
Выберите преобразование цвета и контраст. Проверьте преобразованные значения и отдельные результаты для обычного и крупного текста.
Как это работает Область применения и ограничения Принимаются только непрозрачный sRGB HEX, RGB и HSL с запятыми. Альфа-прозрачность, имена цветов, градиенты, изображения, широкий охват и современная CSS-запись с пробелами/косой чертой не поддерживаются.
Контраст использует относительную яркость WCAG с порогом функции sRGB 0,04045. Обычный AA требует 4,5:1, крупный AA — 3:1, обычный AAA — 7:1, крупный AAA — 4,5:1. Решение принимает неокруглённый коэффициент, а не показанное округлённое значение.
Крупный текст — не менее 18 пунктов или 14 пунктов жирным (приблизительно 24 CSS px или 18,67 CSS px жирным). Расчёт двух цветов не определяет размер и насыщенность шрифта, прозрачность, сглаживание, применимость к элементам интерфейса или общее соответствие доступности. Отображаемые преобразования округлены и при повторной вставке могут немного отличаться.
Поля изначально пусты. Пример заполняет их только по вашему выбору. Сброс очищает текущий ввод и результаты.
Исходное исследование и уравнение: Требования контраста WCAG
Включите JavaScript для инструмента. Примеры и ограничения остаются доступны. Примеры расчётов Ввод и настройки Ожидаемый результат Непрозрачный чёрный на белом даёт 21:1 и отвечает AA/AAA WCAG для обычного и крупного текста. Для каждого порога используется неокруглённый коэффициент.
Язык English · Bahasa Indonesia · Español · Português · Français · Deutsch · हिन्दी · العربية · 日本語 · 简体中文