Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use color-toolkit with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Equip your AI with precise UI design capabilities. Deterministically convert HEX/RGB/HSL, manipulate luminance, and generate mathematically perfect palettes.

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 3 capabilities

The complete color-toolkit capability set.

These are the exact actions your AI can choose when you ask it to work with color-toolkit.

Capability set01 / 01

01-03

3 capabilities in this set.

Part of 3 available through color-toolkit.

  1. 01

    Convert color

    Dynamically converts any CSS color (HEX, RGB, or HSL) into all three format variations

  2. 02

    Generate color palette

    Provide a base color and choose either analogous or complementary. Generates a mathematical color palette (analogous or complementary) based on a primary seed color

  3. 03

    Manipulate luminance

    Pass a positive percentage to lighten, or negative to darken. Lightens or darkens a specific color by adjusting its HSL luminance percentage

Observed, not estimated

865ms average. Fast in production.

color-toolkit is checked daily against the live service.

Daily averagePeak 1123ms
Aug 20Today
Fastest day
668ms
Slowest day
1123ms
14-day trend
Slowing+22%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 3 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of color-toolkit, so you can see the experience inside your AI.

It does not authenticate your account with color-toolkit. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

color-toolkit Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_PEeGIgtA2fTZ16SsuzO4v3Rh5uk8KdzB2YxabLIM/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — color-toolkit capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "deterministic-color-engine-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_PEeGIgtA2fTZ16SsuzO4v3Rh5uk8KdzB2YxabLIM/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions color-toolkit owners ask.

  • 01

    Why use an MCP for basic color conversion?

    While AI models can sometimes guess standard conversions, they fail consistently when computing HSL luminance shifts (like creating a 10-step Tailwind color scale). An algorithmic engine guarantees zero error margins.

  • 02

    How does the palette generation work?

    It converts the base color into HSL format and shifts the Hue degree. Complementary shifts by 180 degrees, while Analogous generates a harmonic palette by shifting -30 and +30 degrees.

  • 03

    Are there any external dependencies to run this capability?

    Absolutely none. The color engine is built from scratch utilizing pure Javascript bitwise operators and math algorithms, providing zero-latency execution without external bloated libraries.

Explore

More in Developer Tools

Suggestions