Color Picker

Name: Color Picker
Availability: InStock
Author: bobbylite

Supports UI

by bobbylite

Interactive visual color picker for selecting HEX, RGB, and HSL colors within AI chats.

0 stars

0 views

Works in:claude

Exposes:ToolsResources

View on GitHub

What it does

This MCP App renders a beautiful, interactive color picker interface directly within the chat. It allows users to visually select colors via a gradient UI and instantly copy the resulting HEX, RGB, or HSL values back into their conversation.

Key features

Interactive visual color picker with live preview.
Multi-format support: HEX, RGB, and HSL.
One-click random color generation.
Direct context updates to send selected colors back to the AI.

Installation

Claude Desktop: Install dependencies, run npm run build, and run npm run serve (or use server-stdio.ts).
Claude.ai web: Expose local server via Cloudflared and add the URL as a custom connector in Settings $\rightarrow$ Connectors.

Supported hosts

Claude Desktop
Claude.ai web

Quick install

npm install && npm run build && npm start

Information

Pricing: free
Published: 4/27/2026
stars