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。

  • 授權條款不適用

    託管服務按其提供方的條款使用，因此這裡不要求授權條款。此檢查項不計入百分比。