ColorPickr

app.colorpickr由 colorpickr.app 发布官方发布者v0.1.0更新于 Oct 24, 2026

Contrast checks with fixes, OKLCH harmonies, palettes, color-blind previews and code export.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

远程配色工具服务器，让助手检查对比度、转换颜色、生成和谐配色与调色板、模拟色觉并导出代码。

可以做什么
  • 检查文字与背景的对比度，给出 WCAG 2 比值、APCA Lc 以及保持色相的修正建议
  • 把十六进制颜色转换为 RGB、HSL 和 OKLCH
  • 基于 OKLCH 从基准色生成和谐配色，并映射到 sRGB 色域
  • 生成必定包含一组通过 WCAG AA 的明暗配对的五色调色板，可选保留锁定颜色
  • 模拟红色盲、绿色盲、蓝色盲和全色盲下的颜色外观
  • 把颜色列表导出为 CSS、Tailwind、SwiftUI、Android、Flutter 等格式的代码
适用场景
适合在设计或审查界面配色时使用：检查无障碍对比度、挑选可访问的调色板、预览色盲视角下的效果，或把选定的配色转成框架可直接使用的代码。
运行要求
需要连接 colorpickr.app 的远程 streamable HTTP 端点；未声明任何软件包、环境变量、请求头或身份验证。
安装前请注意
未声明任何凭据或写入权限，工具只计算颜色数值；但你提交的颜色和调色板会发送到该远程服务。

安装

在 SourceWeft 中

  1. 打开 控制台中的 ColorPickr，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/app.colorpickr%2Fcolorpickr/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "colorpickr": {
      "type": "http",
      "url": "https://colorpickr.app/mcp"
    }
  }
}

工具

6

check_contrast

Check contrast

Check text/background contrast with WCAG 2 ratio, APCA Lc and a suggested fix that keeps the hue.

输入参数text必填background必填

convert_color

Convert color

Convert a hex color to RGB, HSL and OKLCH.

输入参数hex必填

generate_harmony

Generate harmony

Build a color harmony from a base color in OKLCH, mapped into the sRGB gamut.

输入参数base必填type必填

roll_palette

Roll accessible palette

Generate a 5-color palette that always contains a light/dark pair passing WCAG AA; optionally keep locked colors.

输入参数seedlocked

export_palette

Export palette

Turn a list of colors into code for CSS, Tailwind, SwiftUI, Android, Flutter and other formats ColorPickr supports.

输入参数colors必填format必填

simulate_color_vision

Simulate color vision

Show how colors look with protanopia, deuteranopia, tritanopia or achromatopsia (Machado 2009).

输入参数type必填colors必填severity

版本历史

1
  1. v0.1.0最新Oct 23, 2026

评分

已满足适用检查项的 83%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分

    请声明包含 README 的 GitHub 仓库，或在 OAuth 受保护资源元数据中提供 resource_documentation。

  • 许可证不适用

    托管服务按其提供方的条款使用，因此这里不要求许可证。此检查项不计入百分比。