npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@iflow-mcp/color-convert-mcp

v1.0.1

Published

Model Context Protocol (MCP) Server

Readme

color-convert-mcp

A robust, extensible MCP server for color conversion between multiple color spaces, including RGB, RGBA, HEX, HSL, OKLCH, LAB, and CMYK. Built with FastMCP and TypeScript, this server provides accurate color conversions and is fully tested with a comprehensive suite.


🤖 What is MCP?

MCP (Model Context Protocol) is an open protocol that lets AI models connect to external tools, data, and systems—like giving your AI a "superpower plug."

  • Why? Most LLMs (like Claude, GPT, Qwen) can only chat. MCP lets them actually do things: fetch data, run code, automate tasks, and interact with your apps.
  • How? MCP servers expose tools (functions), resources (data), and prompts (templates) that AI clients can call.
  • Example: With an MCP server, your AI can convert colors, send Slack messages, query databases, or even build 3D models—right from your chat or IDE.

🧩 Popular MCP Clients

  • Claude Desktop: Official Anthropic client, easy for everyone.
  • Cherry Studio: Visual configuration, beginner-friendly.
  • 5ire: Modern AI assistant, supports many providers and platforms.
  • Cursor: Code editor with MCP integration for developers.
  • DeepChat: Multi-model AI assistant with MCP support.

For a Chinese-language introduction and more resources, see Awesome-MCP-ZH.


📚 Learn More


🎨 Features

  • Color Conversion Service: Convert colors between RGB, RGBA, HEX (6/8 digit), HSL, OKLCH, LAB, and CMYK.
  • Robust Parsing: Supports percent, decimals, and out-of-range values for all color spaces.
  • Precision Handling: Uses tolerant numeric comparison for floating-point color values.
  • API Ready: Easily integrate as an MCP server in your workflow or as a backend service.
  • Tested: 20+ tests covering all color spaces and edge cases.

Running the MCP Server

You can run the MCP server in stdio (CLI) mode:

stdio Transport (CLI Mode)

Start the server in stdio mode for CLI tools:

pnpm start
# or
npm start
yarn start
bun start

By default, the server runs in stdio mode for local CLI/MCP integration.


🖥️ Connecting to Claude for Desktop (or other MCP clients)

You can connect this MCP server to Claude for Desktop or any other MCP-compatible client.

Claude for Desktop Configuration

  1. Open your Claude for Desktop configuration file:

    • MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
    • Windows: %AppData%\Claude\claude_desktop_config.json
  2. Add your server to the mcpServers section. Example for stdio mode:

{
  "mcpServers": {
    "color-convert-mcp": {
      "command": "pnpm",
      "args": ["start"],
      "env": {
        "NODE_ENV": "production"
      }
    }
  }
}
  1. Save the file and restart Claude for Desktop.

For more details, see the official MCP server quickstart guide.