color-palette
Cloudflare Workers MCP server: color-palette
¿Debería usar esto?
Calidad y seguridad
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"color-palette": {
"url": "https://api.lazy-mac.com/color-palette/mcp"
}
}
}Puntos de conexión remotos
https://api.lazy-mac.com/color-palette/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (7)
⚪convert_color(color)
Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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"
]
}Comunidad
Evidencia