color-palette
Cloudflare Workers MCP server: color-palette
Sollte ich dies verwenden
Qualität und Sicherheit
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"color-palette": {
"url": "https://api.lazy-mac.com/color-palette/mcp"
}
}
}Remote-Endpunkte
https://api.lazy-mac.com/color-palette/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (7)
⚪convert_color(color)
Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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"
]
}Community
Nachweis