mcpField
C
Color

Color

リモート
pipeworx.ioメディア・デザイン05 週間前に更新
リポジトリ公式サイト

Color について

Colorは、色形式の変換、WCAG 2.1のコントラスト計算、最も近いCSS色名の検索を行うオフラインツール群です。色値の処理やアクセシビリティ確認を行う開発者向けです。

主な機能

  1. 01HEX、RGB、HSL、CSS名の変換
  2. 02WCAG 2.1コントラスト比の計算
  3. 03AA・AAA基準の判定
  4. 04最も近いCSS色名の検索
  5. 05APIキー不要のオフライン動作

活用シーン

  1. 01デザインファイルの色値を変換
  2. 02文字色と背景色のコントラスト確認
  3. 03色値に対応するCSS名を検索

MCP 対応

色変換、コントラスト計算、最寄りのCSS色検索ツールをMCPクライアントに公開し、ローカルのstdio MCPサーバーとしても実行できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://gateway.pipeworx.io/color/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

mcp-color

カラー ユーティリティ MCP。

Pipeworx の一部です — AI エージェントを1679以上のライブデータソースに接続する MCP ゲートウェイです。

ツール

ツール説明
color_convert色(HEX、rgb()、hsl()、または CSS 名)をすべての形式(HEX、RGB、HSL)に変換します。キー不要、オフラインで動作します。
color_contrast2色間の WCAG 2.1 コントラスト比と、通常のテキストおよび大きなテキストに対する AA/AAA の適合状況を計算します。キー不要、オフラインで動作します。
nearest_color指定した色に最も近い CSS の色名を検索します(ユークリッド RGB 距離)。キー不要、オフラインで動作します。

クイックスタート

MCP クライアント(Claude Desktop、Cursor、Windsurf など)に追加します:

{
  "mcpServers": {
    "color": {
      "url": "https://gateway.pipeworx.io/color/mcp"
    }
  }
}
このエンドポイントが実際に提供するもの

https://gateway.pipeworx.io/color/mcp の tools/list は、上記の表にあるツールに加えて、Pipeworx の共通メタツール(ask_pipeworx、discover_tools、search_within、remember/recall など、ゲートウェイ全体で使えるツール群)も返します。そのため、表示されるツール数はこの表より多くなります。現在、単一パックのエンドポイントには、そのパック独自のツールとともに約30個の共通ツールが表示されます。接続の initialize 応答に正確な範囲が記載されており、その日の状況を確認する際の正式な情報源となります。

これは意図的な設計であり、偶然の多重化ではありません。メタツールを使えば、このパックの対象外の質問にも対応できます。ask_pipeworx を通じてカタログ全体にルーティングできるため、MCP サーバーを追加する必要はありません。現時点では、メタツールなしでパックのエンドポイントをマウントする方法はありません。追加のスキーマによるコンテキストのコストがルーティングの利点を上回る場合は、複数のパックエンドポイントではなく、フルゲートウェイに一度接続してください。

または、Pipeworx のフルゲートウェイに接続すると、このパックだけでなく、すべてのパックのツールが直接表示されます:

{
  "mcpServers": {
    "pipeworx": {
      "url": "https://gateway.pipeworx.io/mcp"
    }
  }
}

どちらの URL も同じゲートウェイと同じ1679以上のデータソースに接続します。違いは、どのパックのツールが直接表示されるかだけです。どちらからでも、ask_pipeworx を使えばすべてのツールにアクセスできます。

MCP クライアントがない場合:HTTP で呼び出す

curl -X POST https://gateway.pipeworx.io/v1/tools/color_convert \
  -H 'Content-Type: application/json' \
  -d '{"color":"#3498db"}'

最初の呼び出しにアカウントは不要です。ツールの詳細を確認するには、GET https://gateway.pipeworx.io/v1/tools/color_convert を使います。ツールを検索するには、{"query":"..."} を指定して POST https://gateway.pipeworx.io/v1/tools/search_packs を呼び出します。

スタンドアロン(ゲートウェイアカウント不要)

このパッケージは、ローカルの stdio MCP サーバーとしても実行できます。Pipeworx アカウントも、ゲートウェイへの往復通信も不要です:

{
  "mcpServers": {
    "color": {
      "command": "npx",
      "args": ["-y", "@pipeworx/mcp-color"]
    }
  }
}

また、直接実行して起動を確認できます:

npx -y @pipeworx/mcp-color

stdin/stdout 経由で MCP を使用し、initialize/tools/list/tools/call に対して、このパックのツールのみを返します。上記のゲートウェイ接続が追加する共通メタツールは含まれません。同じソース、同じツールで、ask_pipeworx によるルーティングはありません。

ask_pipeworx の使用

ツールを直接呼び出す代わりに、自然な英語で質問できます。この機能は、上記のパックエンドポイントでもフルゲートウェイでも使えます:

ask_pipeworx({ question: "your question about Color data" })

ゲートウェイが適切なツールを選び、引数を自動で入力します。

詳細

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。