color

mcp-color-tools

AI エージェント向けに、色の操作とデザインのツールを提供する MCP サーバーです。

ツール

color_convert

HEX、RGB、HSL、HSV、CMYK の間で色を変換します。任意の形式を入力として受け取り、すべての形式を返します。

{ "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

ベースカラーからカラーパレットを生成します。

**種類：**補色、類似色、トライアド、分裂補色、モノクロマティック

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

contrast_check

2 色間の WCAG コントラスト比を確認します。通常のテキスト、大きなテキスト、UI コンポーネントについて、AA／AAA への準拠状況を報告します。

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

color_mix

色を混ぜる、ブレンドする、明るくする、暗くする、彩度を上げる、または彩度を下げます。

{ "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

方向、カラー位置、ブラウザー用プレフィックスを指定して、CSS グラデーションコードを生成します。

{
  "type": "linear",
  "colors": ["#ff6b35", "#ffd700", "#00bcd4"],
  "direction": "135deg"
}

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

セットアップ

npm install
npm run build

Claude Desktop の設定

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

ライセンス

MIT