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., "@mcp-color-tools Check WCAG contrast between #fff and #333"
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.
MCP server providing color manipulation and design tools for AI agents.
Convert a color between HEX, RGB, HSL, HSV, and CMYK. Accepts any format as input and returns all formats.
{ "color": "#ff6b35" }
{ "color": "rgb(255, 107, 53)" }
{ "color": "hsl(16, 100%, 60%)" }
{ "color": "hsv(16, 79%, 100%)" }
{ "color": "cmyk(0, 58, 79, 0)" }Generate a color palette from a base color.
Types: complementary, analogous, triadic, split-complementary, monochromatic
{ "color": "#ff6b35", "type": "triadic" }Check WCAG contrast ratio between two colors. Reports AA/AAA compliance for normal text, large text, and UI components.
{ "color1": "#ffffff", "color2": "#333333" }Mix, blend, lighten, darken, saturate, or desaturate colors.
{ "operation": "mix", "colors": ["#ff0000", "#0000ff"], "weights": [2, 1] }
{ "operation": "blend", "colors": ["#ff0000", "#0000ff"], "ratio": 0.3 }
{ "operation": "lighten", "colors": ["#ff6b35"], "amount": 20 }
{ "operation": "darken", "colors": ["#ff6b35"], "amount": 15 }
{ "operation": "saturate", "colors": ["#888888"], "amount": 30 }
{ "operation": "desaturate", "colors": ["#ff6b35"], "amount": 25 }Generate CSS gradient code with direction, stops, and browser prefixes.
{
"type": "linear",
"colors": ["#ff6b35", "#ffd700", "#00bcd4"],
"direction": "135deg"
}{
"type": "radial",
"colors": [
{ "color": "#ff6b35", "position": 0 },
{ "color": "#ffd700", "position": 50 },
{ "color": "#00bcd4", "position": 100 }
],
"direction": "circle at center"
}Related MCP server: MCP Color Converter
npm install
npm run build{
"mcpServers": {
"color-tools": {
"command": "node",
"args": ["path/to/mcp-color-tools/dist/index.js"]
}
}
}MIT
Unclaimed servers have limited discoverability.
If you are the server author, to access and configure the admin panel.
AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
A complete color workflow over MCP: mix, convert, harmonize, measure, and remember palettes.
500+ deterministic tools for AI agents: math, conversion, validation, hashing, encoding, date/time.
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/rog0x/mcp-color-tools'
If you have feedback or need assistance with the MCP directory API, please join our Discord server