AI导哈

配色方案生成器

一个基于MCP协议的配色方案生成服务器，提供8种色彩生成工具，用于设计项目的和谐调色板创建。

  • by deepakkumardewani
  • TypeScript
  • 本地部署
  • 8 星标
  • 更新于
在 GitHub 查看 deepakkumardewani/color-scheme-mcp

使用说明

配色方案生成器MCP服务器

这是一个模型上下文协议（MCP）服务器，使用颜色API生成和谐的配色方案。它提供了多种配色方案生成工具，用于为设计项目创建美观且连贯的调色板。

特性

服务器提供8种不同的配色方案生成工具：

  1. 单色方案：单一色调的变化

    • 标准单色
    • 深色单色
    • 浅色单色

  2. 基于色轮的方案:

    • 模拟的：色轮上的相邻颜色可实现和谐的设计
    • 补足：相反的颜色以获得高对比度
    • 类似补体：类比与互补的结合
    • 三合会：三种均匀间隔的颜色，实现均衡的调色板
    • 四边：四种均匀间隔的颜色，用于不同的调色板

先决条件

  • Node.js（v18或更高版本）
  • npm、yarn或pnpm
  • MCP客户端（例如，Claude Desktop、Cursor）

安装

  1. 克隆和安装依赖关系：

    git clone <repository-url>
cd colors-mcp-server
npm install

  2. 构建服务器：

    npm run build

  3. 配置您的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_scheme
  • generate_monochrome_dark_scheme
  • generate_monochrome_light_scheme
  • generate_analogic_scheme
  • generate_complement_scheme
  • generate_analogic_complement_scheme
  • generate_triad_scheme
  • generate_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输出

相关 MCP