
Color Picker MCP
Supports UIby val-fom
Interactive visual color picker for AI models to select and preview hex colors in real-time.
What it does
Color Picker MCP is an interactive application that renders a visual color selection tool. It allows an AI model to open a color picker UI, update colors via hex codes, and receive feedback when a user selects a new color in the browser.
Key features
- Live 200px color preview circle for instant visual feedback.
- Integration with native HTML5 color input for precise selection.
- Two-way communication: Model opens picker, User picks color, Model reacts.
- Simple installation via Node.js.
Installation
- Claude Desktop: Configure as an MCP server in
claude_desktop_config.jsonpointing to the local server port. - Custom: Run
npm run serveand connect tohttp://localhost:3001/mcp.
Supported hosts
- Claude Desktop (via local server)
Quick install
npm install && npm run serveInformation
- Pricing
- free
- Published
- 4/7/2026
- stars






