mcpField
C
color-palette

color-palette

远程服务
github.com/lazymac2x媒体与设计029 周前更新
代码仓库

关于 color-palette

color-palette 是面向界面和设计系统开发者的配色 API，支持生成色彩组合与渐变、检查无障碍对比度，并导出 CSS 或 Tailwind 配置。

主要功能

  1. 01将 HEX 转为 RGB 和 HSL
  2. 02生成色彩组合
  3. 03创建颜色渐变
  4. 04检查对比度和 WCAG 评分
  5. 05导出 CSS 变量和 Tailwind 配置
  6. 06生成随机调色板

适用场景

  1. 01转换界面所用颜色
  2. 02创建协调的配色变化
  3. 03检查文本与背景的对比度
  4. 04将颜色导出为 CSS 或 Tailwind

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://api.lazy-mac.com/color-palette/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

7
参数类型必填说明
colorstring是十六进制颜色字符串，例如 "ff5733" 或 "#ff5733"

详细介绍

徽标

lazymac API Store Gumroad MCPize

color-palette-api

⭐ 以每月经常性收入（MRR）0 美元的状态公开开发。 如果你想关注开发进展，请点 Star — lazymac-mcp（42 个工具，一次安装 MCP）· lazymac-k-mcp（韩语切入点）· lazymac-sdk（TS 客户端）· api.lazy-mac.com · Pro 版每月 29 美元。

npm Smithery lazymac Pro api.lazy-mac.com

🚀 想通过一次 MCP 安装使用全部 42 个 lazymac 工具？npx -y @lazymac/mcp · Pro 版每月 29 美元，可无限次调用。

调色板生成 API——提供色彩搭配、渐变、对比度检查、WCAG 无障碍评分、CSS/Tailwind 输出。零外部依赖。

快速开始

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

端点

转换
curl http://localhost:4000/api/v1/convert/ff6b35
# → {"hex":"#ff6b35","rgb":{"r":255,"g":107,"b":53},"hsl":{"h":16,"s":100,"l":60}}
色彩搭配
# Types: complementary, analogous, triadic, split, tetradic, monochromatic
curl http://localhost:4000/api/v1/harmony/complementary/ff6b35
curl http://localhost:4000/api/v1/harmony/triadic/3498db
curl http://localhost:4000/api/v1/harmony/monochromatic/e74c3c?count=7
渐变
curl "http://localhost:4000/api/v1/gradient/ff6b35/3498db?steps=7"
# → colors array + CSS gradient string
对比度 / WCAG 无障碍性
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
随机调色板
curl "http://localhost:4000/api/v1/random?count=5"
CSS 变量
curl -X POST http://localhost:4000/api/v1/css \
  -H "Content-Type: application/json" \
  -d '{"colors":["#ff6b35","#3498db","#2ecc71"], "name":"brand"}'
Tailwind 配置
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"}'

许可证

MIT

💡 想托管自己的技术栈？通过 lazymac 推荐链接领取 200 美元的 DigitalOcean 额度。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。