PickShade color tools

PickShade MCP 服务

面向 AI 助手的颜色工具：转换任意颜色、按名称查找颜色、检查并修复 WCAG 2 和 APCA 对比度、审核调色板的无障碍性和色盲适用性、构建渐变、色阶和完整设计系统，并导出 CSS、Tailwind v4、SCSS 和 DTCG 令牌。

所有计算均遵循 CSS Color 4（OKLCH、OKLab、Display P3、Rec. 2020），并在本地确定性运行。无需 API 密钥、账户，也不会收集遥测数据。

网站和文档：pickshade.com/mcp

使用托管服务

无需安装。Streamable HTTP 端点：

https://pickshade.com/api/mcp

Claude Code：

claude mcp add --transport http pickshade https://pickshade.com/api/mcp

Cursor、VS Code 和其他读取 mcpServers 的客户端：

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

通过 stdio 在本地运行

{
    "mcpServers": {
        "pickshade": { "command": "npx", "args": ["-y", "@pickshade/mcp"] }
    }
}

需要 Node.js 20 或更高版本。

工具

每个工具都接受 HEX、rgb()、hsl()、oklch()、navy 这样的 CSS 名称、royal blue 或 бордовый 这样的常见名称，以及 sky-500 这样的 Tailwind 类。

工具	功能
parse_color	提供任意颜色的所有格式、最接近的名称和 Tailwind 类、色域，以及更适合的文字颜色
convert_color	HEX、RGB、HSL、HSV、HWB、CMYK、Lab、LCH、OKLab、OKLCH、Display P3、Rec. 2020、XYZ、SwiftUI、Flutter
find_colors	将 "sage" 或 "dusty rose" 这样的词转换为实际的 HEX 值
check_contrast	WCAG 2 对比度及 AA 和 AAA 等级，以及注明适用场景的 APCA Lc
fix_contrast	找出最接近且达到对比度目标的颜色，只调整 OKLCH 亮度以保持色相
audit_palette	检查调色板中每组文字与背景的搭配、色盲适用性冲突和超出色域的颜色
check_gamut	检查颜色是否符合 sRGB、Display P3 和 Rec. 2020
nearest_names	按感知距离查找最接近的命名颜色、CSS 关键字和 Tailwind 类
compare_colors	CIEDE2000 和 deltaE OK 差异，并提供直观结论、亮度、色度和色相变化
generate_scale	生成一个包含 11 个步骤的 OKLCH 50–950 色阶，感知亮度均匀，形态类似 Tailwind 调色板
tints_shades	生成颜色的浅色、深色和色调
harmonies	在 OKLCH 中生成互补色、分裂互补色、类似色、三角色、四角色、方形配色和单色配色
mix_colors	在所选颜色空间中混合两种颜色，类似 CSS color-mix()
make_gradient	生成在 OKLab 或 OKLCH 中插值的 CSS 渐变，中间不会发灰
generate_palette	生成协调的 OKLCH 调色板，可通过种子重复生成
simulate_cvd	模拟红色盲、绿色盲、蓝黄色盲和全色盲，并列出难以区分的颜色对
export_tokens	导出 CSS 变量、Tailwind v4 @theme、SCSS、JSON、DTCG 令牌、JS 数组或 SVG 色板条
build_system	根据一种品牌颜色构建完整的颜色系统：色阶、浅色和深色角色、shadcn/ui 和 Tailwind 导出

提示词

• accessible_theme：根据品牌颜色生成浅色和深色主题，并检查每组文字搭配
• audit_colors：检查颜色列表中易读的颜色搭配、色盲适用性冲突和色域
• describe_color：用通俗语言说明一种颜色及其数值、名称、对比度和相似颜色

REST API

通过 HTTP 使用相同的工具，输入和输出均为 JSON：pickshade.com/api，OpenAPI 3.1 文档位于 https://pickshade.com/api/v1/openapi.json。

许可证

MIT。颜色名称包含来自 meodai/color-names（MIT）的数据；Tailwind 调色板值来自 Tailwind CSS（MIT）。