Color Palette

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

Cloudflare Workers MCP server: color-palette

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

生成配色方案、色彩和谐、渐变和 WCAG 对比度检查，并可输出 CSS 与 Tailwind。

可以做什么
这是一个通过 MCP 暴露的远程颜色工具服务。它可以在 hex、RGB 和 HSL 之间转换颜色，生成互补、类似、三角、分裂互补、四角、单色等和谐配色，并输出多步渐变及 CSS 渐变字符串。它还能计算对比度并给出 WCAG AA 与 AAA 是否通过的标记，生成随机调色板，并根据给定颜色列表输出 CSS 变量或 Tailwind 配置。
适用场景
适合助手协助设计或前端工作时使用，例如需要配色建议、渐变定义，或检查文字与背景色的无障碍对比度。若你不想自己实现颜色计算与 WCAG 评分，这是一个轻量的补充。
运行要求
远程 MCP 端点 streamable HTTP；清单未声明需要安装包、账号、API 密钥或环境变量。需要能访问该主机的网络。
安装前请注意
README 宣传每月 29 美元的 Pro 套餐可无限调用，因此免费使用可能受限流或计量限制。该服务由第三方托管，你提交的颜色值会发送给该运营方。清单未要求任何凭据。

安装

在 SourceWeft 中

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

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.github.lazymac2x%2Fcolor-palette/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "color-palette": {
      "type": "http",
      "url": "https://api.lazy-mac.com/color-palette/mcp"
    }
  }
}

README

[logo]

[lazymac API Store] [Gumroad] [MCPize]

color-palette-api

⭐ Building in public from $0 MRR. Star if you want to follow the journey — lazymac-mcp (42 tools, one MCP install) · lazymac-k-mcp (Korean wedge) · lazymac-sdk (TS client) · api.lazy-mac.com · Pro $29/mo.

[npm] [Smithery] [lazymac Pro] [api.lazy-mac.com]

🚀 Want all 42 lazymac tools through ONE MCP install? npx -y @lazymac/mcp · Pro $29/mo for unlimited calls.

Color palette generation API — harmonies, gradients, contrast checking, WCAG accessibility scoring, CSS/Tailwind output. Zero external dependencies.

Quick Start

bash
npm install && npm start  # http://localhost:4000

Endpoints

Convert

bash
curl http://localhost:4000/api/v1/convert/ff6b35# → {"hex":"#ff6b35","rgb":{"r":255,"g":107,"b":53},"hsl":{"h":16,"s":100,"l":60}}

Color Harmonies

bash
# Types: complementary, analogous, triadic, split, tetradic, monochromaticcurl http://localhost:4000/api/v1/harmony/complementary/ff6b35curl http://localhost:4000/api/v1/harmony/triadic/3498dbcurl http://localhost:4000/api/v1/harmony/monochromatic/e74c3c?count=7

Gradient

bash
curl "http://localhost:4000/api/v1/gradient/ff6b35/3498db?steps=7"# → colors array + CSS gradient string

Contrast / WCAG Accessibility

bash
curl http://localhost:4000/api/v1/contrast/000000/ffffff# → {"ratio":21,"AA_normal":true,"AA_large":true,"AAA_normal":true,"AAA_large":true}
curl http://localhost:4000/api/v1/contrast/ff6b35/ffffff# → Check if your orange text passes accessibility on white background

Random Palette

bash
curl "http://localhost:4000/api/v1/random?count=5"

CSS Variables

bash
curl -X POST http://localhost:4000/api/v1/css \  -H "Content-Type: application/json" \  -d '{"colors":["#ff6b35","#3498db","#2ecc71"], "name":"brand"}'

Tailwind Config

bash
curl -X POST http://localhost:4000/api/v1/tailwind \  -H "Content-Type: application/json" \  -d '{"colors":["#fef3c7","#fde68a","#fcd34d","#fbbf24","#f59e0b","#d97706","#b45309","#92400e","#78350f","#451a03"], "name":"amber"}'

License

MIT

💡 Host your own stack? Get $200 DigitalOcean credit via lazymac referral link.

来源：README.md，提交 9690e63

工具

7

convert_color

Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").

输入参数color必填

color_harmony

Generate a set of harmonious colors from a base hex color. Harmony types: complementary, analogous, triadic, split, tetradic, monochromatic.

输入参数type必填color必填count

generate_gradient

Generate an interpolated gradient between two hex colors. Returns color stops and a ready-to-use CSS linear-gradient string.

输入参数stepscolor1必填color2必填

check_contrast

Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.

输入参数background必填foreground必填

random_palette

Generate a random harmonious color palette. Colors share a hue family to avoid clashing.

输入参数count

generate_css

Generate CSS :root custom properties from a list of hex colors. Returns a ready-to-paste CSS block.

输入参数namecolors必填

generate_tailwind

Generate a Tailwind CSS color config object. Colors are mapped to standard shades (50, 100, 200 … 900) in order. Paste the result into tailwind.config.js theme.extend.colors.

输入参数namecolors必填

版本历史

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

评分

已满足适用检查项的 90%

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

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

    请在仓库或注册中心条目中声明许可证。