color-mcp-server
Generates CSS custom properties from color palettes for easy use in stylesheets.
Click on "Deploy 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 ( |
Related MCP server: MCP Color Converter
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
This server cannot be deployed
Maintenance
Related MCP Connectors
Convert colours between hex, RGB, HSL, OKLCH and CMYK, and compute harmonies.
AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
Developer utilities: color conversion, WCAG contrast, timestamps, UUIDs, and hashing.
- miromiroOAuthapp.miromiro
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
Related MCP Servers
- AlicenseBqualityDmaintenanceEnables comprehensive color manipulation, conversion between 22+ formats (HEX, RGB, HSL, CMYK, LAB, etc.), palette generation, gradient creation, and accessibility compliance checking. Supports framework-specific outputs for CSS, Swift, Android, Flutter, and Tailwind with high-precision conversions and visualization capabilities.25MIT
- AlicenseNot gradedqualityDmaintenanceProvides comprehensive color conversion, manipulation, analysis, and WCAG accessibility tools supporting multiple formats (hex, rgb, hsl, oklch, oklab) for design systems and web development.23 npm2MIT
- AlicenseNot gradedqualityDmaintenanceA comprehensive toolkit for color conversion, manipulation, and accessibility analysis supporting formats like OkLCH and WCAG compliance. It enables AI agents to manage design systems by generating harmonious palettes, transforming color spaces, and performing contrast checks.2MIT
- AlicenseNot gradedqualityBmaintenanceExtract palettes from images, generate harmonies, gradients, random palettes; Check WCAG and APCA contrast; Suggest nearest passing OkLCH lightness; Simulate color-blindness; Convert and sort colors across formats (hex / RGB / HSL / OkLCH / …)MIT