配色方案生成器MCP服务器
这是一个模型上下文协议(MCP)服务器,使用颜色API生成和谐的配色方案。它提供了多种配色方案生成工具,用于为设计项目创建美观且连贯的调色板。
特性
服务器提供8种不同的配色方案生成工具:
- 单色方案:单一色调的变化
- 标准单色 - 深色单色 - 浅色单色
- 基于色轮的方案:
- 模拟的:色轮上的相邻颜色可实现和谐的设计 - 补足:相反的颜色以获得高对比度 - 类似补体:类比与互补的结合 - 三合会:三种均匀间隔的颜色,实现均衡的调色板 - 四边:四种均匀间隔的颜色,用于不同的调色板
先决条件
- Node.js(v18或更高版本)
- npm、yarn或pnpm
- MCP客户端(例如,Claude Desktop、Cursor)
安装
- 克隆和安装依赖关系:
git clone
cd colors-mcp-server
npm install- 构建服务器:
npm run build- 配置您的MCP客户端:
适用于克劳德桌面(claude_desktop_config.json):
{
"mcpServers": {
"color-scheme-generator": {
"command": "node",
"args": ["/full/path/to/colors-mcp-server/build/index.js"]
}
}
}对于光标:
- 前往“设置”>“MCP”>“添加新的全局MCP服务器” - 使用与上述相同的配置
用法
颜色输入格式
服务器接受多种格式的颜色:
- 十六进制:
"098765"或"#098765" - 红绿蓝:
"0,71,171"或"rgb(0,71,171)" - 保健实验室:
"215,100%,34%"或"hsl(215,100%,34%)"
参数
color:种子颜色(必填)count:要生成的颜色数量(可选,默认值:5,范围:3-10)
可用工具
generate_monochrome_schemegenerate_monochrome_dark_schemegenerate_monochrome_light_schemegenerate_analogic_schemegenerate_complement_schemegenerate_analogic_complement_schemegenerate_triad_schemegenerate_quad_scheme
示例用法
询问您的MCP客户:
- “从蓝色生成单色配色方案”
- “使用7种颜色的#ff6b35创建互补调色板”
- “我需要rgb(120,80200)的类比方案”
输出格式
每个工具返回一个结构化的JSON,其中包含:
- 方案模式和种子颜色
- 生成的具有十六进制、RGB、HSL值的颜色数组
- 颜色名称和位置
调试
使用MCP检查器进行调试:
npx @modelcontextprotocol/inspector node ./build/index.js项目结构
src/index.ts:主服务器入口点src/tools/index.ts:配色方案生成工具src/prompts/index.ts:使用指南提示build/:编译的TypeScript输出
