# Проверка контраста доступной цветовой палитры Проверяет пары цветов по WCAG 2.1 AA и AAA и предлагает корректировки > Каноническая страница: https://elysiatools.com/ru/tools/accessible-color-palette-contrast-checker - **Категория:** Design - **Ключевые слова:** wcag, contrast, accessibility, palette, color audit, design system ## Обзор Подходит для дизайн-систем, брендовых палитр и тем интерфейса с рекомендациями по улучшению. ## Входные данные - **Цвета палитры** (textarea): brand-primary: #1D4ED8 brand-secondary: #F59E0B surface: #FFFFFF text: #111827 - **Цель WCAG** (select) - **Включать одинаковые пары цветов** (checkbox) ## Когда использовать - При разработке новой дизайн-системы или UI-кита для проверки всех базовых цветов на читаемость. - Во время аудита доступности (accessibility audit) существующего веб-сайта или мобильного приложения. - При адаптации фирменного стиля бренда для цифровых продуктов, чтобы убедиться в соответствии стандартам WCAG. ## Как это работает - Введите список цветов вашей палитры в формате «название: HEX-код» (например, surface: #FFFFFF). - Выберите целевой стандарт доступности WCAG (например, AA для обычного текста или AAA для максимального контраста). - Укажите, нужно ли проверять сочетания одинаковых цветов между собой. - Получите подробный JSON-отчет с анализом всех пар, списком непрошедших проверку комбинаций и рекомендациями по корректировке. ## Сценарии использования - Массовая проверка контрастности токенов в дизайн-системах перед передачей в разработку. - Оценка читаемости текста на различных фоновых плашках для маркетинговых лендингов и баннеров. - Создание темных и светлых тем интерфейса (Dark/Light mode) с гарантированным соблюдением инклюзивности. ## Частые вопросы ### Что такое стандарты WCAG AA и AAA? WCAG (Web Content Accessibility Guidelines) — это руководство по доступности веб-контента. Уровень AA требует минимального контраста 4.5:1 для обычного текста, а AAA — 7:1. ### Как правильно вводить цвета в инструмент? Цвета нужно вводить списком, где каждая строка содержит название цвета и его HEX-код, разделенные двоеточием. Например: primary: #2563EB. ### Что делать, если пара цветов не прошла проверку? Инструмент покажет проблемные комбинации в отчете. Вам потребуется сделать светлый цвет еще светлее, а темный — темнее, чтобы увеличить коэффициент контрастности. ### Можно ли проверить контраст для крупного текста? Да, в настройках можно выбрать цели «AA Large Text» (контраст 3:1) или «AAA Large Text» (контраст 4.5:1), которые применяются для шрифтов от 18pt или 14pt bold. ### Поддерживаются ли форматы цветов кроме HEX? В данный момент инструмент оптимизирован для работы с HEX-кодами (например, #FFFFFF или #000000). ## Связанные инструменты - [Проверка Доступности Цвета](https://elysiatools.com/ru/tools/color-accessibility-checker): Проверяет коэффициенты контрастности цветов на соответствие WCAG - [Проверщик Контрастности Цветов](https://elysiatools.com/ru/tools/color-contrast-checker): Проверка контрастности цветов и соответствия WCAG для доступности - [Конвертер цветовых пространств](https://elysiatools.com/ru/tools/color-space-converter): Конвертирует цвет между HEX, RGB, HSL, CIELAB и Display-P3 с CSS-выводом и проверкой гаммы. - [Проверка цветовой визуальной доступности](https://elysiatools.com/ru/tools/color-vision-accessibility-checker): Измеряет контраст WCAG, моделирует основные нарушения цветового зрения и помечает слабоконтрастные зоны. - [Калькулятор макронутриентов ПП](https://elysiatools.com/ru/tools/tpn-macronutrient-calculator): Рассчитывает глюкозу/аминокислоты/липиды в граммах и ккал, непротеиновые ккал, отношение непрот. ккал : г азота, калорический состав и показатели на кг массы. Плотности: декстроза 3.4 ккал/г, аминокислоты 4.0 ккал/г, липиды 20% ≈ 2.0 ккал/мл (10% 1.1, 30% 3.0). Азот АК ≈ 16% → N = АК × 0.16. Отношение непрот. ккал : г N оптимально ~150:1 (белоксберегающее); <100:1 белковое (стресс); >200:1 энергетическое (риск перекармливания: рост CO₂, стеатоз). Цели (ASPEN/ESPEN): энергия 20–30 ккал/кг/сут (стресс до 30–35); белок 1.0–1.5 г/кг/сут (критические до 2.0); глюкоза ≤ 4–5 мг/кг/мин; липиды ≤ 1.0–1.5 г/кг/сут, ≤30–40% непрот. ккал. Ограничения: инструмент анализа, а не рецепт — ПП готовится в аптеке асептически; проверяйте кривую Ca-PO₄ против осаждения; как можно раньше возвращайте энтеральное питание (ПП — выше риск CLABSI и метаболических нарушений); ежедневно мониторируйте глюкозу, триглицериды, печёночные пробы, электролиты и водный баланс. Источники: ASPEN 2016, ESPEN 2019, McClave 2016, Mirtallo 2004. Не медицинская консультация. - [Генератор отчета по аудиту доступности](https://elysiatools.com/ru/tools/accessibility-audit-report-generator): Проверяет HTML или URL на распространенные проблемы WCAG и экспортирует структурированный PDF-отчет - [Проверка доступности](https://elysiatools.com/ru/tools/accessibility-checker): Находит типовые проблемы WCAG 2.1 в HTML, страницах или макетах и возвращает рекомендации по исправлению - [Генератор Цветовых Схем](https://elysiatools.com/ru/tools/color-scheme-generator): Генерирует профессиональные цветовые схемы и палитры для дизайн-проектов ## Примеры - [Примеры цветовых кодов](https://elysiatools.com/ru/samples/color-code): Коллекция цветовых кодов в различных форматах (Hex, RGB, HSL, именованные цвета) для тестирования валидации - [Примеры Обработки Изображений Android Java](https://elysiatools.com/ru/samples/android-image-processing-java): Примеры обработки изображений Android Java включая чтение/сохранение, масштабирование и преобразование формата - [Примеры Обработки Изображений Android Kotlin](https://elysiatools.com/ru/samples/android-image-processing-kotlin): Примеры обработки изображений Android Kotlin включая чтение/сохранение, масштабирование и преобразование формата - [Примеры Обработки Изображений Web Python](https://elysiatools.com/ru/samples/web-image-processing-python): Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата ## Связанные материалы - [Генераторы CSS-эффектов, палитр и дизайн-токенов](https://elysiatools.com/ru/hubs/design-generate): Подборка инструментов для CSS-визуальных эффектов, построения палитр и генерации дизайн-токенов в одном хабе. - [Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov](https://elysiatools.com/ru/hubs/web-accessibility-audits): Proveryayte problemy WCAG, porjadok chteniya dlya screen reader, oshibki kontrasta, riski dlya narushenij cvetovogo zreniya i dostupnye cvetovye resheniya v odnom hube dlya web-accessibility workflow. - [Инструменты цветового дизайна и преобразования цветовых пространств](https://elysiatools.com/ru/hubs/color-design-tools): Сравнивайте конвертеры цветов, генераторы палитр, инструменты гармонии, проверки доступности и утилиты настройки цвета в одном месте для дизайнеров и разработчиков. - [Инструменты перевода цветовых пространств для веба и печати](https://elysiatools.com/ru/hubs/design-convert): Подборка инструментов для перевода цветовых пространств между вебом и печатью в одном хабе.