Color Palette

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

Cloudflare Workers MCP server: color-palette

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

概覽

AI 產生的概覽

產生配色方案、色彩調和、漸層與 WCAG 對比度檢查，並可輸出 CSS 與 Tailwind。

可以做什麼
這是一個透過 MCP 提供的遠端色彩工具服務。它能在 hex、RGB 與 HSL 之間轉換顏色，產生互補、類似、三角、分裂互補、四角、單色等調和配色，並輸出多步漸層與 CSS 漸層字串。它也能計算對比度並標示 WCAG AA 與 AAA 是否通過，產生隨機調色盤，並依給定的顏色清單輸出 CSS 變數或 Tailwind 設定。
適用情境
適合助理協助設計或前端工作時使用，例如需要配色建議、漸層定義，或檢查文字與背景色的無障礙對比度。若你不想自行實作色彩計算與 WCAG 評分，這是一項輕量的補充。
執行需求
遠端 MCP 端點 streamable HTTP；清單未宣告需要安裝套件、帳號、API 金鑰或環境變數。需要能連線至該主機的網路。
安裝前請注意
README 宣傳每月 29 美元的 Pro 方案可無限呼叫，因此免費使用可能受流量限制或計量限制。此服務由第三方託管，你提交的顏色值會傳送給該營運方。清單未要求任何憑證。

安裝

在 SourceWeft 中

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

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.lazymac2x%2Fcolor-palette/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "color-palette": {
      "type": "http",
      "url": "https://api.lazy-mac.com/color-palette/mcp"
    }
  }
}

README

[logo]

[lazymac API Store] [Gumroad] [MCPize]

color-palette-api

⭐ Building in public from $0 MRR. Star if you want to follow the journey — lazymac-mcp (42 tools, one MCP install) · lazymac-k-mcp (Korean wedge) · lazymac-sdk (TS client) · api.lazy-mac.com · Pro $29/mo.

[npm] [Smithery] [lazymac Pro] [api.lazy-mac.com]

🚀 Want all 42 lazymac tools through ONE MCP install? npx -y @lazymac/mcp · Pro $29/mo for unlimited calls.

Color palette generation API — harmonies, gradients, contrast checking, WCAG accessibility scoring, CSS/Tailwind output. Zero external dependencies.

Quick Start

bash
npm install && npm start  # http://localhost:4000

Endpoints

Convert

bash
curl http://localhost:4000/api/v1/convert/ff6b35# → {"hex":"#ff6b35","rgb":{"r":255,"g":107,"b":53},"hsl":{"h":16,"s":100,"l":60}}

Color Harmonies

bash
# Types: complementary, analogous, triadic, split, tetradic, monochromaticcurl http://localhost:4000/api/v1/harmony/complementary/ff6b35curl http://localhost:4000/api/v1/harmony/triadic/3498dbcurl http://localhost:4000/api/v1/harmony/monochromatic/e74c3c?count=7

Gradient

bash
curl "http://localhost:4000/api/v1/gradient/ff6b35/3498db?steps=7"# → colors array + CSS gradient string

Contrast / WCAG Accessibility

bash
curl http://localhost:4000/api/v1/contrast/000000/ffffff# → {"ratio":21,"AA_normal":true,"AA_large":true,"AAA_normal":true,"AAA_large":true}
curl http://localhost:4000/api/v1/contrast/ff6b35/ffffff# → Check if your orange text passes accessibility on white background

Random Palette

bash
curl "http://localhost:4000/api/v1/random?count=5"

CSS Variables

bash
curl -X POST http://localhost:4000/api/v1/css \  -H "Content-Type: application/json" \  -d '{"colors":["#ff6b35","#3498db","#2ecc71"], "name":"brand"}'

Tailwind Config

bash
curl -X POST http://localhost:4000/api/v1/tailwind \  -H "Content-Type: application/json" \  -d '{"colors":["#fef3c7","#fde68a","#fcd34d","#fbbf24","#f59e0b","#d97706","#b45309","#92400e","#78350f","#451a03"], "name":"amber"}'

License

MIT

💡 Host your own stack? Get $200 DigitalOcean credit via lazymac referral link.

來源：README.md，提交 9690e63

工具

7

convert_color

Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").

輸入參數color必填

color_harmony

Generate a set of harmonious colors from a base hex color. Harmony types: complementary, analogous, triadic, split, tetradic, monochromatic.

輸入參數type必填color必填count

generate_gradient

Generate an interpolated gradient between two hex colors. Returns color stops and a ready-to-use CSS linear-gradient string.

輸入參數stepscolor1必填color2必填

check_contrast

Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.

輸入參數background必填foreground必填

random_palette

Generate a random harmonious color palette. Colors share a hue family to avoid clashing.

輸入參數count

generate_css

Generate CSS :root custom properties from a list of hex colors. Returns a ready-to-paste CSS block.

輸入參數namecolors必填

generate_tailwind

Generate a Tailwind CSS color config object. Colors are mapped to standard shades (50, 100, 200 … 900) in order. Paste the result into tailwind.config.js theme.extend.colors.

輸入參數namecolors必填

版本歷史

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

評分

已滿足適用檢查項的 90%

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

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分

    請在儲存庫或註冊中心條目中宣告授權條款。