Search / com.pickshade/pickshade
PickShade color tools
R0· no sign-in18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
v0.2.0 · active · repository · website · descriptor JSON · versions
Search / com.pickshade/pickshade
R0· no sign-in18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
v0.2.0 · active · repository · website · descriptor JSON · versions
{
"mcpServers": {
"pickshade": {
"type": "http",
"url": "https://pickshade.com/api/mcp"
}
}
}claude mcp add --transport http pickshade https://pickshade.com/api/mcp[mcp_servers.pickshade]
url = "https://pickshade.com/api/mcp"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"pickshade": {
"type": "remote",
"url": "https://pickshade.com/api/mcp",
"enabled": true
}
}
}{
"mcpServers": {
"pickshade": {
"type": "http",
"url": "https://pickshade.com/api/mcp"
}
},
"deeplink": "cursor://anysphere.cursor-deeplink/mcp/install?name=pickshade&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vcGlja3NoYWRlLmNvbS9hcGkvbWNwIn0%3D"
}{
"servers": {
"pickshade": {
"type": "http",
"url": "https://pickshade.com/api/mcp"
}
}
}{
"mcpServers": {
"pickshade": {
"httpUrl": "https://pickshade.com/api/mcp"
}
}
}extensions:
"pickshade":
enabled: true
name: "pickshade"
type: streamable_http
uri: "https://pickshade.com/api/mcp"
timeout: 300
protocol.modernnewest supported version is 2025-11-25; 2026-07-28 not supported, older versions are deprecated until 2027-07-28protocol.statelessonly applies to 2026-07-28 serversprotocol.transportstreamable HTTPprotocol.list_ttlonly applies to 2026-07-28 serversauth.prm, auth.as_metadata, auth.cimdno remote uses OAuthauth.secret_in_urlno templated URLtools.descriptionsevery tool has a descriptiontools.description_lengthdescriptions are concisetools.schemasevery tool has an object input schematools.annotations18 of 18 tools declare readOnlyHint or destructiveHinttools.directory_hintsno tool declares all four of readOnlyHint, destructiveHint, idempotentHint and openWorldHint; missing: fix_contrast (destructiveHint, idempotentHint); harmonies (destructiveHint, idempotentHint); simulate_cvd (destructiveHint, idempotentHint); …tools.token_costabout 3,666 tokens to load every tooltools.api_dumptools are not a one-to-one API dumpstability.changesno tool changes in 30 daysstability.rug_pullno tool changed its meaning under the same namedeps.known_vulns, deps.mcp_sdk_version, deps.resolvableno npm or PyPI packageNo tool definition changes recorded. A server's first observation is its baseline; later probes record what changes.
Checks run on what our credential-free, read-only probes observe; tools are never called and no code audit is performed. How it is computed.
+repository +dns-namespace +website +reachable +uptime-95% +updated-15d-ago
Derived from observable signals (official registry feed and our own credential-free probes); no code audit performed. How it is computed.
| remote | auth | reachable | uptime 30d | p50 | protocol | last ok |
|---|---|---|---|---|---|---|
https://pickshade.com/api/mcp streamable-http | none | yes | 95% | 726 ms | 2025-11-25 | 2026-10-20 |
audit_paletteread-only | 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. Use it before shipping a theme or chart palette. |
build_systemread-only | Build a full color system from a brand color: 50–950 scales for primary, secondary, accent, neutral and status colors, light and dark theme roles, exported as a Tailwind v4 theme, CSS variables, shadcn/ui globals.css or DTCG tokens, with a contrast audit of text and surface pairs. |
check_contrastread-only | 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). Also suggests the nearest text color that passes AA and AAA while keeping its hue. |
check_gamutread-only | Check whether a color fits the sRGB, Display P3 and Rec. 2020 gamuts, and get the closest sRGB fallback that keeps lightness and hue (CSS Color 4 gamut mapping in OKLCH). |
compare_colorsread-only | Compare two colors: CIEDE2000 and deltaE OK difference with a plain verdict (identical, nearly, similar, different, opposite), lightness shift in percent, chroma and hue shift, and the contrast between them. |
convert_colorread-only | 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). Values follow CSS Color 4. |
export_tokensread-only | Turn a list of colors into ready code: CSS custom properties, a Tailwind v4 @theme block, SCSS variables, JSON, W3C design tokens (DTCG), a JavaScript array or an SVG swatch strip. Unnamed colors get their closest color name. |
find_colorsread-only | Search color names by words, like "sage", "dusty rose", "midnight blue" or "бордовый", and get their HEX values. Searches common names in English and Russian and about 30 000 extended color names. Use it to turn a description into real colors. |
fix_contrastread-only | Find the closest color that reaches a contrast target by changing only OKLCH lightness, so the hue and character stay. Targets: aa (4.5:1), aa-large (3:1), aaa (7:1), apca-body (Lc 75), apca-content (Lc 60), apca-large (Lc 45). Adjust the text color or the background. |
generate_paletteread-only | Generate a harmonious palette in OKLCH. Keep colors you already have, pick a style (auto, analogous, complementary, triadic, monochromatic, pastel, vivid, muted, dark) and pass a seed to get the same palette every time. |
generate_scaleread-only | Build an 11-step tint and shade scale (50, 100 … 900, 950) from one color in OKLCH, the same shape as Tailwind palettes, with even perceived lightness steps. |
harmoniesread-only | Get color harmonies for a base color, computed in OKLCH so lightness stays even: complementary, split-complementary, analogous, triadic, tetradic, square and monochromatic. |
make_gradientread-only | Build a CSS gradient from 2 or more colors with interpolation in OKLab, OKLCH or sRGB. Returns modern CSS with the color space, a fallback with precomputed stops for older browsers, and the stop colors. OKLab avoids the gray middle that sRGB gradients get. |
mix_colorsread-only | Mix two colors at a ratio in a chosen color space, like CSS color-mix(). OKLab keeps the middle bright, sRGB tends to turn gray. Returns the result and a ready color-mix() expression. |
nearest_namesread-only | Find the closest named colors, CSS color keywords and Tailwind CSS classes for a color, ranked by perceptual distance (deltaE OK). |
parse_colorread-only | 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. |
simulate_cvdread-only | Show how colors look with protanopia, deuteranopia, tritanopia and achromatopsia (Machado 2009 at full severity), and list the pairs that become hard to tell apart. |
tints_shadesread-only | Get tints (mixed with white), shades (mixed with black) and tones (mixed with gray) of a color, evenly spaced, as HEX. Good for hover states, borders and backgrounds. |
Schemas: list_tools.
{
"name": "com.pickshade/pickshade",
"title": "PickShade color tools",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"remotes": [
{
"url": "https://pickshade.com/api/mcp",
"type": "streamable-http"
}
],
"version": "0.2.0",
"repository": {
"url": "https://github.com/tenzo-run/pickshade-mcp",
"source": "github",
"subfolder": "packages/mcp"
},
"websiteUrl": "https://pickshade.com/mcp",
"description": "18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens."
}