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"
]
}社群
證據