Colors Server
FreeNot checkedA simple color utility MCP server for frontend developers. Convert, mix, adjust, and analyze colors right from your AI agents.
About
A simple color utility MCP server for frontend developers. Convert, mix, adjust, and analyze colors right from your AI agents.
README
A simple color utility MCP server for frontend developers. Convert, mix, adjust, and analyze colors right from your AI agents.
This MCP server provides a streamlined set of color utilities designed for efficiency and precision. It focuses on delivering core color manipulation tools in a straightforward, lightweight package for modern development workflows.
Tools
| Tool | Description |
|---|---|
colors_convert |
Convert a color to a different color space |
colors_batch_convert |
Convert multiple colors to a target color space at once |
colors_parse |
Parse and validate a color string |
colors_adjust |
Adjust color properties (lightness, chroma, hue) |
colors_batch_adjust |
Batch adjust multiple colors (lightness, chroma, hue) |
colors_mix |
Mix two colors with perceptual interpolation |
colors_scale |
Generate a perceptually uniform color scale |
colors_difference |
Calculate color difference (Delta E) between two colors |
colors_batch_difference |
Batch calculate color difference (Delta E) against a target color |
colors_contrast |
Check WCAG contrast ratio between foreground and background colors |
colors_batch_contrast |
Batch check WCAG contrast ratio for multiple foregrounds against a background |
Setup
Add the server to your MCP client config (e.g. Claude Desktop, Cursor, etc.):
{
"mcpServers": {
"colors": {
"command": "npx",
"args": ["-y", "@htetoowaiyan/colors-mcp-server"]
}
}
}
Development
git clone https://github.com/HtetOoWaiYan/colors-mcp-server.git
cd colors-mcp-server
npm install
npm run dev # Run with tsx (hot reload)
npm run build # Build for production
npm test # Run tests
npm run test:watch # Run tests in watch mode
Built With
- Model Context Protocol SDK — MCP server framework
- Culori — Color conversion and manipulation
- Zod — Input validation
- Vitest — Testing
- Biome — Linting & formatting
License
Install Colors Server in Claude Desktop, Claude Code & Cursor
unyly install colors-mcp-serverInstalls into Claude Desktop, Claude Code, Cursor & VS Code — handles npx, uvx and build-from-source repos for you.
First time? Get the CLI: curl -fsSL https://unyly.org/install | sh
Or configure manually
Run in your terminal:
claude mcp add colors-mcp-server -- npx -y @htetoowaiyan/colors-mcp-serverFAQ
Is Colors Server MCP free?
Yes, Colors Server MCP is free — one-click install via Unyly at no cost.
Does Colors Server need an API key?
No, Colors Server runs without API keys or environment variables.
Is Colors Server hosted or self-hosted?
A hosted option is available: Unyly runs the server in the cloud, no local setup required.
How do I install Colors Server in Claude Desktop, Claude Code or Cursor?
Open Colors Server on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.
Related MCPs
Fetch
Web content fetching and conversion for efficient LLM usage.
AWS KB Retrieval
Retrieval from AWS Knowledge Base using Bedrock Agent Runtime.
by modelcontextprotocolSpring AI MCP Server
Provides auto-configuration for setting up an MCP server in Spring Boot applications.
llm-analysis-assistant
A very streamlined mcp client that supports calling and monitoring stdio/sse/streamableHttp, and can also view request responses through the /logs page. It also
by xuzexin-hzCompare Colors Server with
Not sure what to pick?
Find your stack in 60 seconds
Author?
Embed badge for your README
Browse similar
All ai MCPs