分类

← View All Tools

四色组工具

生成四色组配色方案，四个颜色在色轮上形成矩形分布，创造丰富复杂的色彩关系

关键信息

分类: Design
输入类型: color, select, number, checkbox
输出类型: html
样本覆盖: 2
支持 API: Yes

概览

四色组工具是一个在线 design 工具，可用于生成四色组配色方案，四个颜色在色轮上形成矩形分布，创造丰富复杂的色彩关系。当你处理 design 内容时尤其有用。

适用场景

•当你需要在浏览器中快速 process design 内容时，可以使用它。
•适合需要可重复输入和快速结果的 design 工作流。
•如果你想先验证输入输出行为，再集成到其他流程中，这个工具很适合。

工作原理

•先输入基础颜色, 矩形类型, 色相调整（度）, 饱和度调整。
•工具会处理请求并返回 html 类型的结果。
•在交互式验证结果后，可以继续使用页面提供的 API 端点进行批量或自动化调用。

使用场景

在调试或 QA 场景下处理 design 数据。

在接入 API 或自动化流程前先验证输出结果。

快速比较小幅输入变化对输出结果的影响。

用 Samples 测试

design

颜色代码示例

用于验证测试的各种格式颜色代码集合（Hex、RGB、HSL、命名颜色）

title token color

sample

PDF示例

2026-02-01 到 2026-02-10 工具生成的PDF示例

task generate

sample

常见问题

四色组工具是做什么的？

四色组工具可帮助你在线 process design 内容，无需单独编写本地脚本或应用。

什么时候适合用这个工具？

当你需要快速完成 process 流程、验证输出结果，或需要一个浏览器内的 design 工具时，就适合使用它。

可以用样本数据测试这个工具吗？

可以。建议先用简短、具有代表性的输入测试，再逐步增加复杂度。

四色组工具支持哪些输入？

四色组工具支持基础颜色, 矩形类型, 色相调整（度）, 饱和度调整.

四色组工具有 API 吗？

有。工具页包含可供脚本调用的 API 端点，方便你从手动测试过渡到自动化使用。

API 文档

请求端点

POST /zh/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

AI 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]

分类