ContrastKit

dev.workers.mike-tusa.contrastkit由 contrastkit.mike-tusa.workers.dev 發布官方發布者v0.1.0更新於 Oct 24, 2026

WCAG 顏色比較度檢查、最接近的無障礙顏色、CSS 顏色轉換以及調色盤配對檢查。

AI 翻譯由 AI 模型根據下方的原文描述翻譯，可能有誤。

原文描述

WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.

已驗證Streamable HTTP可網頁執行

概覽

ContrastKit 的託管 MCP 服務（contrastkit.mike-tusa.workers.dev），由 contrastkit.mike-tusa.workers.dev 發布；無需登入；Streamable HTTP；4 個工具。

暫無 AI 概覽：以下資訊來自註冊中心條目和服務本身。

發布者
contrastkit.mike-tusa.workers.dev
端點
contrastkit.mike-tusa.workers.dev
最近檢查

安裝

在 SourceWeft 中

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

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

{
  "mcpServers": {
    "contrastkit": {
      "type": "http",
      "url": "https://contrastkit.mike-tusa.workers.dev/mcp"
    }
  }
}

工具

4

check_contrast

Check WCAG color contrast

Compute the WCAG 2.x contrast ratio between a text (foreground) color and a background color, with pass/fail for AA, AA large text, AAA, AAA large text and non-text UI (3:1). Handles translucent colors. Read-only. Same engine as GET /api/contrast.

輸入參數background必填foreground必填

suggest_accessible_color

Suggest the nearest accessible color

For a failing color pair, find the closest color (same hue and saturation, lightness changed as little as possible) that meets the chosen WCAG level. Adjust the foreground (default), the background, or both (best first). Read-only. Same engine as GET /api/suggest.

輸入參數leveladjustbackground必填foreground必填

convert_color

Convert a CSS color

Convert a CSS color to hex, rgb() and hsl(), with its relative luminance, its contrast on white and on black, and the better text color (black or white) to put on it. Read-only. Same engine as GET /api/convert.

輸入參數color必填

check_palette

Check every pair in a palette

Contrast ratio for every pair of 2 to 12 colors (up to 66 pairs), highest first, each flagged against the chosen WCAG level. Use it to see which brand colors can be used together for text. Read-only. Same engine as GET /api/palette.

輸入參數levelcolors必填

版本歷史

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

評分

已滿足適用檢查項的 83%

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

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

    請宣告包含 README 的 GitHub 儲存庫，或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

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