Генератор триадных цветов

Баланс трёх насыщенных оттенков

Три оттенка, равномерно расположенные по кругу, при одинаковой насыщенности конкурируют за внимание. Обычно один цвет делают доминирующим, второй используют для поддерживающих областей, а третий оставляют для небольших акцентов — это часто описывают соотношением 60-30-10. Из чистого красного получаются основные экранные цвета: красный, зелёный и синий. Приглушённые или более тёмные базовые цвета дают более удобные для работы наборы, чем яркие.

Одинаковая светлота на бумаге, но не для глаза

Два дополнительных цвета имеют то же значение светлоты HSL, что и базовый, но глаз не воспринимает их одинаково светлыми: зелёные и жёлтые выглядят значительно ярче синих и фиолетовых при том же числовом значении. Поэтому триада может казаться несбалансированной, хотя математически она симметрична. Пропустите каждый цвет через конвертер в градации серого, чтобы увидеть реальную яркость, а затем настройте набор с помощью светлых оттенков или тёмных оттенков, пока он не станет визуально равномерным.

Как пользоваться

1. Введите корректные значения #RGB или #RRGGBB и любой запрошенный процент.
2. Запустите фиксированную операцию с цветом, выполняемую локально в браузере.
3. Просмотрите образцы цветов и скопируйте результат или значения палитры.

Конфиденциальность и ограничения

Значения цветов остаются на этом устройстве. Результат проверки контрастности — это математическая проверка, а не универсальная гарантия соответствия WCAG; необходимо также проверить контекст, отображение шрифтов, контраст нетекстовых элементов и состояния элементов пользовательского интерфейса.