color-mcp-server

color-mcp-server

色とデザインのツール向けMCP サーバー：パレット生成、WCAGコントラスト、色変換、補色、グラデーション、色覚シミュレーション、CSS変数。

デザインエージェント、フロントエンドボット、アクセシビリティのワークフローに最適です。APIキーは不要です。

機能（9個のツール）

ツール	用途
tool_get_color_info	TheColorAPIによる色の詳細情報（名前、RGB、HSL、CMYK）
tool_get_color_info_local	API呼び出し不要で、ローカルで素早く色の情報を取得
tool_generate_palette	パレットを生成：単色、類似色、補色、三色配色、四色配色
tool_check_contrast	WCAG 2.1 コントラストチェック（AA/AAA、通常サイズ／大サイズ）
tool_convert_color	hex、rgb、hsl、hsv間で色を変換
tool_get_complementary_color	補色（HSL色相環で180度）
tool_generate_gradient	2色間の線形グラデーション
tool_simulate_color_blindness	1型色覚、2型色覚、3型色覚、全色盲
tool_get_css_variables	パレットからCSSカスタムプロパティ（--color-1: #...;）を生成

インストール

pip install color-mcp-server

Claude Desktopでの使用方法

claude_desktop_config.json：

{
  "mcpServers": {
    "color": {
      "command": "color-mcp-server"
    }
  }
}

例

# Palette generieren
await tool_generate_palette(base_color="#3498db", mode="triad", count=3)

# Kontrast pruefen (WCAG 2.1)
tool_check_contrast(foreground="#ffffff", background="#3498db")
# -> {"contrast_ratio": 3.14, "wcag_aa_normal": False, "rating": "AA Large"}

# Farbverlauf fuer CSS
tool_generate_gradient(start_color="#ff0000", end_color="#0000ff", steps=5)

# Farbenblindheit simulieren
tool_simulate_color_blindness(color_hex="#ff0000", blindness_type="protanopia")

API

• TheColorAPI（無料、キー不要）-- 詳細情報とパレット生成
• その他すべてのツールはローカルで動作します（Python colorsys）

ライセンス

MIT -- (c) AiAgentKarl

関連サーバー

• accessibility-mcp-server -- WebサイトのWCAG 2.1 AAチェック
• document-intelligence-mcp -- PDF/DOCXの分析
• museum-mcp-server -- Met NYCとシカゴ美術館の芸術・デザイン