INDIVIDUAL MCP TOOL

make_gradient

Build a CSS gradient from 2 or more colors with interpolation in OKLab, OKLCH or sRGB.

pickshade.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://pickshade.com/api/mcp

No auth detected

Connect to this endpoint to inspect the live schema for make_gradient and invoke it with your own arguments.

{}

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.pickshade]
url = "https://pickshade.com/api/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "pickshade": {
      "type": "http",
      "url": "https://pickshade.com/api/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: pickshade
Remote MCP URL: https://pickshade.com/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "pickshade": {
      "url": "https://pickshade.com/api/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "pickshade": {
      "type": "http",
      "url": "https://pickshade.com/api/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "pickshade",
  "transport": "streamable-http",
  "url": "https://pickshade.com/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

parse_color — Read any color and describe it: HEX, RGB, HSL and OKLCH values, the closest human name, the closest Tailwind class, its hue family, whether it fits sRGB and Display P3, and which text color, white or black, reads better on it.
convert_color — Convert a color between formats: hex, rgb, hsl, hsv, hwb, cmyk, lab, lch, oklab, oklch, display-p3, rec2020, xyz and platform code (swiftui, uikit, flutter, android).
find_colors — Search color names by words, like "sage", "dusty rose", "midnight blue" or "бордовый", and get their HEX values.
check_contrast — Check text contrast against a background with both WCAG 2 (ratio, AA and AAA for normal and large text) and APCA (Lc value and the usage level it allows).
fix_contrast — Find the closest color that reaches a contrast target by changing only OKLCH lightness, so the hue and character stay.
audit_palette — Check every text and background pair in a palette with WCAG 2 and APCA, list which pairs are safe for body text, large text or only decoration, find colors that people with color blindness cannot tell apart, and flag colors outside sRGB.
check_gamut — Check whether a color fits the sRGB, Display P3 and Rec.
nearest_names — Find the closest named colors, CSS color keywords and Tailwind CSS classes for a color, ranked by perceptual distance (deltaE OK).