color-palette
Cloudflare Workers MCP server: color-palette
我该使用它吗
质量与安全性
基于对工具定义和协议合规性的自动分析。
上下文开销
这是每次将服务器的工具加载到模型上下文窗口时所消耗的大致 token 数。数值越高，可用于其他任务的注意力就越少。
安装
一键安装
将以下内容添加到你的 `claude_desktop_config.json` 文件中：
{
"mcpServers": {
"color-palette": {
"url": "https://api.lazy-mac.com/color-palette/mcp"
}
}
}远程端点
https://api.lazy-mac.com/color-palette/mcpstreamable-http它能做什么
工具清单
工具（7）
⚪convert_color(color)
Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").
输入模式
{
"type": "object",
"properties": {
"color": {
"type": "string",
"description": "Hex color string, e.g. \"ff5733\" or \"#ff5733\""
}
},
"required": [
"color"
]
}🟡color_harmony(type, color, count)
Generate a set of harmonious colors from a base hex color. Harmony types: complementary, analogous, triadic, split, tetradic, monochromatic.
输入模式
{
"type": "object",
"properties": {
"type": {
"type": "string",
"description": "Harmony type",
"enum": [
"complementary",
"analogous",
"triadic",
"split",
"tetradic",
"monochromatic"
]
},
"color": {
"type": "string",
"description": "Base hex color, e.g. \"#ff5733\""
},
"count": {
"type": "number",
"description": "Number of colors for monochromatic only (2–10, default 5)"
}
},
"required": [
"type",
"color"
]
}⚪generate_gradient(color1, color2, steps)
Generate an interpolated gradient between two hex colors. Returns color stops and a ready-to-use CSS linear-gradient string.
输入模式
{
"type": "object",
"properties": {
"color1": {
"type": "string",
"description": "Start hex color"
},
"color2": {
"type": "string",
"description": "End hex color"
},
"steps": {
"type": "number",
"description": "Number of gradient stops (2–20, default 5)"
}
},
"required": [
"color1",
"color2"
]
}🟢check_contrast(foreground, background)
Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.
输入模式
{
"type": "object",
"properties": {
"foreground": {
"type": "string",
"description": "Foreground hex color"
},
"background": {
"type": "string",
"description": "Background hex color"
}
},
"required": [
"foreground",
"background"
]
}⚪random_palette(count)
Generate a random harmonious color palette. Colors share a hue family to avoid clashing.
输入模式
{
"type": "object",
"properties": {
"count": {
"type": "number",
"description": "Number of colors (1–10, default 5)"
}
}
}🟢generate_css(colors, name)
Generate CSS :root custom properties from a list of hex colors. Returns a ready-to-paste CSS block.
输入模式
{
"type": "object",
"properties": {
"colors": {
"type": "array",
"items": {
"type": "string"
},
"description": "Array of hex color strings"
},
"name": {
"type": "string",
"description": "CSS variable prefix (default: \"palette\")"
}
},
"required": [
"colors"
]
}⚪generate_tailwind(colors, name)
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.
输入模式
{
"type": "object",
"properties": {
"colors": {
"type": "array",
"items": {
"type": "string"
},
"description": "Array of hex color strings (up to 10)"
},
"name": {
"type": "string",
"description": "Color group key (default: \"brand\")"
}
},
"required": [
"colors"
]
}社区
证据