Color

io.github.rog0x由 GitHub 账号 rog0x 发布v1.0.1更新于 Oct 24, 2026

Color convert, palette, contrast checker for AI agents

已验证STDIO仅桌面开发者工具媒体与设计

概览

AI 生成的概览

本地 MCP 服务器，让助手进行颜色格式转换、生成配色方案、检查 WCAG 对比度、混合颜色并输出 CSS 渐变代码。

可以做什么
  • 在 HEX、RGB、HSL、HSV 与 CMYK 之间转换颜色，一次返回全部格式
  • 根据基准色生成互补、类似、三角、分裂互补与单色配色方案
  • 检查两种颜色之间的 WCAG 对比度，并报告普通文本、大号文本与 UI 组件的 AA/AAA 合规情况
  • 按权重、比例与幅度混合、调和、提亮、加深、提高或降低饱和度
  • 生成带方向、色标与浏览器前缀的线性或径向 CSS 渐变代码
适用场景
适合设计与前端相关任务：转换品牌色、构建配色方案、为无障碍要求核验文字对比度，或直接产出可粘贴的 CSS 渐变。
运行要求
以本地 stdio 进程运行，来自 npm 包 @rog0x/mcp-color-tools；需要 Node.js，README 的安装步骤要求先构建，再把客户端指向构建后的入口文件。未声明账号、API 密钥或环境变量。
安装前请注意
未显示需要凭据、网络访问或写入数据；这些工具只计算颜色值并返回文本。仅限桌面端，网页客户端不可用。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Color，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

mcp-color-tools

MCP server providing color manipulation and design tools for AI agents.

Tools

color_convert

Convert a color between HEX, RGB, HSL, HSV, and CMYK. Accepts any format as input and returns all formats.

json
{ "color": "#ff6b35" }{ "color": "rgb(255, 107, 53)" }{ "color": "hsl(16, 100%, 60%)" }{ "color": "hsv(16, 79%, 100%)" }{ "color": "cmyk(0, 58, 79, 0)" }

palette_generate

Generate a color palette from a base color.

Types: complementary, analogous, triadic, split-complementary, monochromatic

json
{ "color": "#ff6b35", "type": "triadic" }

contrast_check

Check WCAG contrast ratio between two colors. Reports AA/AAA compliance for normal text, large text, and UI components.

json
{ "color1": "#ffffff", "color2": "#333333" }

color_mix

Mix, blend, lighten, darken, saturate, or desaturate colors.

json
{ "operation": "mix", "colors": ["#ff0000", "#0000ff"], "weights": [2, 1] }{ "operation": "blend", "colors": ["#ff0000", "#0000ff"], "ratio": 0.3 }{ "operation": "lighten", "colors": ["#ff6b35"], "amount": 20 }{ "operation": "darken", "colors": ["#ff6b35"], "amount": 15 }{ "operation": "saturate", "colors": ["#888888"], "amount": 30 }{ "operation": "desaturate", "colors": ["#ff6b35"], "amount": 25 }

css_gradient

Generate CSS gradient code with direction, stops, and browser prefixes.

json
{  "type": "linear",  "colors": ["#ff6b35", "#ffd700", "#00bcd4"],  "direction": "135deg"}
json
{  "type": "radial",  "colors": [    { "color": "#ff6b35", "position": 0 },    { "color": "#ffd700", "position": 50 },    { "color": "#00bcd4", "position": 100 }  ],  "direction": "circle at center"}

Setup

bash
npm installnpm run build

Claude Desktop Configuration

json
{  "mcpServers": {    "color-tools": {      "command": "node",      "args": ["path/to/mcp-color-tools/dist/index.js"]    }  }}

License

MIT

来源：README.md，提交 fa5b30e

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

1
  1. v1.0.1最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分