About color-mcp-server
color-mcp-server provides color and design tools for design agents, frontend bots, and accessibility workflows. It includes palette generation, WCAG contrast checks, color conversion, and color-blindness simulation; most tools run locally.
Key features
- 01Generate color palettes and gradients
- 02Check WCAG 2.1 contrast
- 03Convert between color formats
- 04Simulate color-vision deficiencies
- 05Generate CSS custom properties
Use cases
- 01Build a palette from a base color
- 02Check text and background contrast
- 03Convert colors for frontend styles
- 04Review designs with color-blindness simulation
MCP support
It exposes nine color and design tools to MCP clients. Color information and palette generation use TheColorAPI; the other tools run locally.
Configuration
Local server config is the same for every client. Copy it into your client’s MCP config file.
We haven’t collected a package or remote endpoint for this server. Follow the instructions in the project README.
Tools
Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.
Details
From the project READMEcolor-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 |
|---|---|
tool_get_color_info | Detail-Info zu einer Farbe (Name, RGB, HSL, CMYK) via TheColorAPI |
tool_get_color_info_local | Schnelle lokale Color-Info ohne API-Call |
tool_generate_palette | Palette generieren: monochrome, analogic, complement, triad, quad |
tool_check_contrast | WCAG 2.1 Kontrast-Check (AA/AAA, normal/large) |
tool_convert_color | Konvertierung zwischen hex, rgb, hsl, hsv |
tool_get_complementary_color | Komplementaerfarbe (180 Grad im HSL-Rad) |
tool_generate_gradient | Linearer Farbverlauf zwischen zwei Farben |
tool_simulate_color_blindness | Protanopia, Deuteranopia, Tritanopia, Achromatopsia |
tool_get_css_variables | CSS-Custom-Properties (--color-1: #...;) aus Palette |
Installation
pip install color-mcp-server
Verwendung 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
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.