Back to Browse

Color Tools MCP Server

by Rog0x
Developer ToolsLow Risk8.0MCP RegistryLocal
Free

Server data from the Official MCP Registry

Color convert, palette, contrast checker for AI agents

About

Color convert, palette, contrast checker for AI agents

Security Report

8.0
Low Risk8.0Low Risk

Valid MCP server (2 strong, 4 medium validity signals). 2 known CVEs in dependencies (0 critical, 2 high severity) Package registry verified. Imported from the Official MCP Registry.

8 files analyzed · 3 issues found

Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.

How to Install

Add this to your MCP configuration file:

{
  "mcpServers": {
    "io-github-rog0x-color": {
      "args": [
        "-y",
        "@rog0x/mcp-color-tools"
      ],
      "command": "npx"
    }
  }
}

Documentation

View on GitHub

From the project's GitHub README.

mcp-color-tools

MCP server providing color manipulation and design tools for AI agents.

Tools

color_convert

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)" }

palette_generate

Generate a color palette from a base color.

Types: complementary, analogous, triadic, split-complementary, monochromatic

{ "color": "#ff6b35", "type": "triadic" }

contrast_check

Check WCAG contrast ratio between two colors. Reports AA/AAA compliance for normal text, large text, and UI components.

{ "color1": "#ffffff", "color2": "#333333" }

color_mix

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 }

css_gradient

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"
}

Setup

npm install
npm run build

Claude Desktop Configuration

{
  "mcpServers": {
    "color-tools": {
      "command": "node",
      "args": ["path/to/mcp-color-tools/dist/index.js"]
    }
  }
}

License

MIT

Reviews

No reviews yet

Be the first to review this server!

Color Tools MCP Server - Color convert, palette, contrast checker for AI agents | MCP Marketplace