Теория цвета AI · ПрактикаКомплементарная / Триада / Аналогичная / Расщеплённая комплементарная / Тетрада — визуализация в один клик
Теория цвета — базовое знание дизайна, но PDF-учебник забывается за 3 дня. Color Theory AI превращает каждое правило в интерактивные кейсы: выберите комплементарный, и AI создаёт 6 реальных случаев (постер / веб / интерьер / мода) с пометками дизайнера и контрпримерами.
Playground личного цветотеста
Рекомендуется: перейдите на nano-banana-pro или gpt-image-2
Шаблоны
Нажмите на карточку, чтобы подставить промпт — генерация пока не запускается
Загрузите селфи или напишите один промпт. Модель определяет ваш сезон и возвращает карту.
Примеры
Все картинки ниже сделаны в GPT Image 2.5. «Взять промпт» загрузит его в рабочую область выше.
Почему этот инструмент
Комплементарный
Противоположности 180°: красный↔зелёный / синий↔оранжевый / жёлтый↔фиолетовый — максимум драмы, сложнее всего сбалансировать.
Триада
Тройка на 120°: красный/жёлтый/синий — классический баланс, идеально для детей и праздничного дизайна.
Аналогичная
Тройки с шагом 30°: оранжевый-жёлтый-зелёный / синий-фиолетовый-розовый — самые гармоничные, их сложнее всего испортить.
Расщеплённая комплементарная
Основной + по 30° с каждой стороны дополнения: драма смягчена. напр. синий + жёлто-оранжевый + красно-оранжевый.
Тетрада
Прямоугольник из 4: богато, но трудно сбалансировать — нужна иерархия 1 доминанта + 3 поддержки.
Золотое соотношение 60-30-10
Основной 60%, поддержка 30%, акцент 10% — универсальное правило интерьера и UI. AI следует этому соотношению по умолчанию.
FAQ
Теория цвета / личный цвет / генератор палитр — одно и то же?
Это разное. Теория цвета = объективные правила (комплементарные и т. д.). Личный цвет = то, что вам к лицу. Генератор палитр = прикладной результат. Мы даём все три как отдельные инструменты.
Я инженер / PM — могу ли я выучить цвет по этому?
Да. К каждой теории прилагаются 6 сгенерированных кейсов, контрпримеры и заметки дизайнера — в 5× быстрее PDF-учебников. Предлагаемый путь: Комплементарный → Аналогичная → Триада → Split-Comp → Тетрада → 60-30-10.
Можно применить это к коду / веб-дизайну?
Да. Каждый кейс экспортируется как классы Tailwind, переменные CSS или стили Figma. По желанию вызовите генератор палитр, чтобы расширить демо-палитру до полной системы бренда из 8 цветов.