Color

io.github.rog0x由 GitHub 帳號 rog0x 發布v1.0.1更新於 Oct 24, 2026

Color convert, palette, contrast checker for AI agents

已驗證STDIO僅桌面開發者工具媒體與設計

概覽

AI 產生的概覽

本機 MCP 伺服器，讓助理進行顏色格式轉換、產生配色方案、檢查 WCAG 對比度、混合顏色並輸出 CSS 漸層程式碼。

可以做什麼
  • 在 HEX、RGB、HSL、HSV 與 CMYK 之間轉換顏色，一次回傳所有格式
  • 依基準色產生互補、類似、三角、分裂互補與單色配色方案
  • 檢查兩色之間的 WCAG 對比度，並回報一般文字、大字文字與 UI 元件的 AA/AAA 符合情況
  • 依權重、比例與幅度混合、調和、提亮、加深、提高或降低飽和度
  • 產生含方向、色標與瀏覽器前綴的線性或放射狀 CSS 漸層程式碼
適用情境
適合設計與前端相關工作：轉換品牌色、建立配色方案、為無障礙要求核對文字對比度，或直接產出可貼上的 CSS 漸層。
執行需求
以本機 stdio 程序執行，來自 npm 套件 @rog0x/mcp-color-tools；需要 Node.js，README 的安裝步驟要求先建置，再把用戶端指向建置後的進入點檔案。未宣告帳號、API 金鑰或環境變數。
安裝前請注意
未顯示需要憑證、網路存取或寫入資料；這些工具只計算顏色值並回傳文字。僅限桌面端，網頁用戶端無法使用。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Color，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

mcp-color-tools

MCP server providing color manipulation and design tools for AI agents.

Tools

color_convert

Convert a color between HEX, RGB, HSL, HSV, and CMYK. Accepts any format as input and returns all formats.

json
{ "color": "#ff6b35" }{ "color": "rgb(255, 107, 53)" }{ "color": "hsl(16, 100%, 60%)" }{ "color": "hsv(16, 79%, 100%)" }{ "color": "cmyk(0, 58, 79, 0)" }

palette_generate

Generate a color palette from a base color.

Types: complementary, analogous, triadic, split-complementary, monochromatic

json
{ "color": "#ff6b35", "type": "triadic" }

contrast_check

Check WCAG contrast ratio between two colors. Reports AA/AAA compliance for normal text, large text, and UI components.

json
{ "color1": "#ffffff", "color2": "#333333" }

color_mix

Mix, blend, lighten, darken, saturate, or desaturate colors.

json
{ "operation": "mix", "colors": ["#ff0000", "#0000ff"], "weights": [2, 1] }{ "operation": "blend", "colors": ["#ff0000", "#0000ff"], "ratio": 0.3 }{ "operation": "lighten", "colors": ["#ff6b35"], "amount": 20 }{ "operation": "darken", "colors": ["#ff6b35"], "amount": 15 }{ "operation": "saturate", "colors": ["#888888"], "amount": 30 }{ "operation": "desaturate", "colors": ["#ff6b35"], "amount": 25 }

css_gradient

Generate CSS gradient code with direction, stops, and browser prefixes.

json
{  "type": "linear",  "colors": ["#ff6b35", "#ffd700", "#00bcd4"],  "direction": "135deg"}
json
{  "type": "radial",  "colors": [    { "color": "#ff6b35", "position": 0 },    { "color": "#ffd700", "position": 50 },    { "color": "#00bcd4", "position": 100 }  ],  "direction": "circle at center"}

Setup

bash
npm installnpm run build

Claude Desktop Configuration

json
{  "mcpServers": {    "color-tools": {      "command": "node",      "args": ["path/to/mcp-color-tools/dist/index.js"]    }  }}

License

MIT

來源：README.md，提交 fa5b30e

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v1.0.1最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分