Инструмент Тетрады Цветов

Генерировать тетрадические цветовые схемы с четырьмя цветами, расположенными в прямоугольных узорах на цветовом круге, создавая богатые и сложные цветовые отношения

Пользовательская настройка угла для типа прямоугольника

Множитель насыщенности (0.5-2.0)

Скорректировать яркость (-0.3 до 0.3)

Ключевые факты

Категория
Дизайн и цвет
Типы входных данных
color, select, number, checkbox
Тип результата
html
Покрытие примерами
3
API доступен
Yes

Обзор

Инструмент Тетрады Цветов позволяет генерировать гармоничные цветовые схемы из четырех цветов, расположенных на цветовом круге в прямоугольных узорах. Это создает богатые и сложные цветовые отношения, идеальные для дизайнерских задач, требующих сбалансированных палитр.

Когда использовать

  • •При разработке веб-сайтов или приложений для создания сбалансированных и визуально привлекательных цветовых схем.
  • •В графическом дизайне для подбора гармоничных цветов в логотипах, баннерах или иллюстрациях.
  • •В искусстве и фотографии для усиления визуального воздействия через сложные цветовые комбинации.

Как это работает

  • •Выберите базовый цвет, который станет отправной точкой для схемы, используя HEX-код или палитру.
  • •Укажите тип прямоугольника на цветовом круге, например, комплементарные пары или квадрат, для определения углов между цветами.
  • •Настройте параметры, такие как оттенок, насыщенность и яркость, чтобы точно скорректировать цвета под ваши нужды.
  • •Сгенерируйте схему и просмотрите результат в форматах HEX, RGB и HSL для дальнейшего использования.

Сценарии использования

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

Примеры

1. Генерация схемы для веб-сайта

Веб-дизайнер
Контекст
Дизайнер работает над редизайном сайта для технологической компании и нуждается в современной цветовой схеме.
Проблема
Требуется создать гармоничную палитру из четырех цветов для фона, текста и акцентных элементов.
Как использовать
Введите базовый цвет #3498DB (синий), выберите тип прямоугольника 'Комплементарные Пары', и увеличьте насыщенность до 1.2 для яркости.
Пример конфигурации
baseColor: #3498DB, rectangleType: complementary_pairs, saturationAdjust: 1.2
Результат
Получена схема из синего, оранжевого, зеленого и фиолетового цветов, идеально подходящая для технологического бренда.

2. Создание палитры для логотипа

Графический дизайнер
Контекст
Дизайнер создает логотип для нового бренда модной одежды и хочет использовать сложную цветовую схему.
Проблема
Нужно подобрать четыре цвета, которые гармонично сочетаются и передают элегантность и креативность.
Как использовать
Выберите базовый цвет #E74C3C (красный), установите тип прямоугольника в 'Прямоугольник (60° + 120°)', и уменьшите яркость на 0.1 для приглушенных тонов.
Пример конфигурации
baseColor: #E74C3C, rectangleType: rectangle, lightnessAdjust: -0.1
Результат
Сгенерирована схема с красным, сине-зеленым, желтым и пурпурным цветами, создающая динамичный и стильный вид для логотипа.

Проверить на примерах

design
Примеры цветовых кодов
Коллекция цветовых кодов в различных форматах (Hex, RGB, HSL, именованные цвета) для тестирования валидации
title token color
sample
ICS Примеры Планировщика по Часовым Поясам
ICS-файлы в той же структуре, что и у Time Zone Workflow Scheduler, с несколькими VEVENT для кандидатов
task generate
sample
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
task generate
sample

Связанные хабы

Инструменты Design для Generate
Изучите 19 инструментов design для сценариев generate и быстро сравните близкие утилиты.
Инструменты Design для Convert
Изучите 98 инструментов design для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Pdf для Generate
Изучите 11 инструментов pdf для сценариев generate и быстро сравните близкие утилиты.

FAQ

Что такое тетрадическая цветовая схема?

Это схема из четырех цветов, расположенных на цветовом круге в форме прямоугольника, обеспечивающая богатые и сложные цветовые отношения.

Как выбрать базовый цвет для схемы?

Введите HEX-код цвета в поле 'Базовый Цвет' или используйте встроенную палитру для выбора.

Можно ли настроить расположение цветов на круге?

Да, с помощью опции 'Тип Прямоугольника' и 'Настройка Оттенка' можно изменить углы между цветами.

Какие форматы вывода доступны?

Инструмент отображает цвета в форматах HEX, RGB и HSL, которые можно включить или отключить в настройках.

Можно ли добавить базовый цвет в итоговую схему?

Да, установите флажок 'Включить Базовый Цвет', чтобы он был частью сгенерированной палитры.

Документация API

Конечная точка запроса

POST /ru/api/tools/color-tetrad

Параметры запроса

Имя параметра Тип Обязательно Описание
baseColor color Да -
rectangleType select Нет -
hueAdjustment number Нет Пользовательская настройка угла для типа прямоугольника
saturationAdjust number Нет Множитель насыщенности (0.5-2.0)
lightnessAdjust number Нет Скорректировать яркость (-0.3 до 0.3)
includeOriginal checkbox Нет -
showHexCodes checkbox Нет -
showRgbValues checkbox Нет -
showHslValues checkbox Нет -
generatePalette checkbox Нет -

Формат ответа

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-color-tetrad": {
      "name": "color-tetrad",
      "description": "Генерировать тетрадические цветовые схемы с четырьмя цветами, расположенными в прямоугольных узорах на цветовом круге, создавая богатые и сложные цветовые отношения",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-tetrad",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]