Проверка контрастности WCAG
Проверьте, соответствует ли комбинация цветов текста и фона уровням доступности AA и AAA.
Как проверить контрастность двух цветов
Выберите цвет текста и фона
Введите HEX-коды или используйте визуальные селекторы для обоих цветов.
Посмотрите коэффициент контрастности
Вы увидите рассчитанный коэффициент контрастности мгновенно вместе с предпросмотром текста на выбранном фоне.
Проверьте соответствие WCAG AA или AAA
Инструмент показывает, подходит ли комбинация для обычного текста и крупного текста на каждом уровне.
Часто задаваемые вопросы о контрастности цвета
Хороший контраст между текстом и фоном необходим для того, чтобы любой человек мог читать ваш контент, включая людей с низким зрением. PDFDocks рассчитывает точный коэффициент в соответствии со стандартом WCAG.
Что означают AA и AAA?
+
Это два уровня соответствия рекомендациям доступности WCAG: AA — минимально рекомендуемый уровень, а AAA — наиболее требовательный.
Какой коэффициент контрастности мне нужен?
+
Для обычного текста рекомендуется минимум 4,5:1 (AA) или 7:1 (AAA); для крупного текста — 3:1 (AA) или 4,5:1 (AAA).
Почему контраст так важен?
+
Недостаточный контраст затрудняет чтение, особенно для людей со слабым зрением или при использовании экранов в условиях яркого света.
Нужно ли устанавливать программу?
+
Нет, ничего устанавливать не требуется. Инструмент работает непосредственно в браузере.
Это бесплатно?
+
Да, этот инструмент полностью бесплатный.
Можно ли использовать его для проверки дизайна всего веб-сайта?
+
Он проверяет конкретные комбинации цветов; для полного аудита веб-сайта потребуется проверить каждую комбинацию текста и фона, которую вы используете.
Цвета
Конвертер цветов (HEX, RGB, HSL, CMYK)
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK с живым предпросмотром и ближайшим названием цвета.
Генератор палитр цветов
Создавайте гармоничные палитры из 5 цветов (дополнительные, аналогичные, триадные или монохроматические) на основе выбранного цвета.
Генератор CSS градиентов
Создавайте линейные или радиальные градиенты до 4 цветов и копируйте готовый CSS код.
Случайный цвет
Генерируйте случайный цвет одним кликом и узнайте его название, код HEX/RGB/HSL и похожие цвета.
Палитра цветов (пипетка)
Выбирайте любой цвет с экрана с помощью пипетки браузера или используйте классический селектор.
Симулятор дальтонизма
Загрузите изображение и посмотрите, как его видят люди с протанопией, дейтеранопией или тританопией.
Генератор Mesh-градиентов
Создавайте фоны с mesh-градиентами (размытые цветовые пятна) и скачивайте их в PNG или копируйте CSS-код.
Генератор оттенков и теней
Автоматически создавайте более светлые оттенки и темные тени любого цвета с кодом HEX.
Микшер цветов
Смешивай два цвета и открывай промежуточные оттенки пошагово с их HEX-кодами.
Цветовое колесо (Гармонии)
Выберите цвет на колесе и откройте его гармоничные комбинации: дополнительные, аналогичные, триадические и многое другое.
Экстрактор палитры из изображения
Загрузите изображение и автоматически извлеките его доминирующие цвета в палитру с HEX-кодом каждого.
Средний Цвет Изображения
Загрузите изображение и мгновенно рассчитайте его средний цвет с кодами HEX, RGB и HSL.
Изучите цвета по семействам
Более 469 именованных цветов с кодами HEX, RGB, HSL и CMYK, организованные в 12 семейств оттенков.
