color-mcp-server
Generates CSS custom properties from color palettes for easy use in stylesheets.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@color-mcp-servergenerate a triad palette from #3498db"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
color-mcp-server
MCP-Server fuer Farb- und Design-Tools: Palettengenerator, WCAG-Kontrast, Farbkonvertierung, Komplementaerfarben, Verlaeufe, Farbenblindheits-Simulation und CSS-Variablen.
Perfekt fuer Design-Agents, Frontend-Bots und Accessibility-Workflows. Keine API-Keys noetig.
Features (9 Tools)
Tool | Zweck |
| Detail-Info zu einer Farbe (Name, RGB, HSL, CMYK) via TheColorAPI |
| Schnelle lokale Color-Info ohne API-Call |
| Palette generieren: monochrome, analogic, complement, triad, quad |
| WCAG 2.1 Kontrast-Check (AA/AAA, normal/large) |
| Konvertierung zwischen hex, rgb, hsl, hsv |
| Komplementaerfarbe (180 Grad im HSL-Rad) |
| Linearer Farbverlauf zwischen zwei Farben |
| Protanopia, Deuteranopia, Tritanopia, Achromatopsia |
| CSS-Custom-Properties ( |
Installation
pip install color-mcp-serverVerwendung mit Claude Desktop
claude_desktop_config.json:
{
"mcpServers": {
"color": {
"command": "color-mcp-server"
}
}
}Beispiele
# Palette generieren
await tool_generate_palette(base_color="#3498db", mode="triad", count=3)
# Kontrast pruefen (WCAG 2.1)
tool_check_contrast(foreground="#ffffff", background="#3498db")
# -> {"contrast_ratio": 3.14, "wcag_aa_normal": False, "rating": "AA Large"}
# Farbverlauf fuer CSS
tool_generate_gradient(start_color="#ff0000", end_color="#0000ff", steps=5)
# Farbenblindheit simulieren
tool_simulate_color_blindness(color_hex="#ff0000", blindness_type="protanopia")APIs
TheColorAPI (kostenlos, kein Key) -- Detail-Info und Palettengenerierung
Alle anderen Tools laufen rein lokal (Python
colorsys)
Lizenz
MIT -- (c) AiAgentKarl
Verwandte Server
accessibility-mcp-server -- WCAG 2.1 AA Pruefung fuer Webseiten
document-intelligence-mcp -- PDF/DOCX Analyse
museum-mcp-server -- Kunst & Design aus Met NYC + Art Institute Chicago
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/AiAgentKarl/color-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server