color-palette
Cloudflare Workers MCP server: color-palette
使うべきか
品質と安全性
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `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"
]
}コミュニティ
エビデンス