color-palette について
color-paletteは、インターフェースやデザインシステムを開発する人向けの配色APIです。色の組み合わせやグラデーションの生成、アクセシビリティの確認、CSSやTailwind形式での出力に対応します。
主な機能
- 01HEXをRGBとHSLに変換
- 02配色パターンの生成
- 03グラデーションの作成
- 04コントラストとWCAGスコアの確認
- 05CSS変数とTailwind設定の出力
- 06ランダムなパレットの生成
活用シーン
- 01インターフェース用の色の変換
- 02調和する配色のバリエーション作成
- 03テキストと背景のコントラスト確認
- 04色をCSSまたはTailwind形式で出力
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.lazy-mac.com/color-palette/mcpclaude mcp add --transport http lazymac2x-color-palette https://api.lazy-mac.com/color-palette/mcp{"mcpServers":{"lazymac2x-color-palette":{"type":"http","url":"https://api.lazy-mac.com/color-palette/mcp"}}}Cursor で開く{"servers":{"lazymac2x-color-palette":{"type":"http","url":"https://api.lazy-mac.com/color-palette/mcp"}}}VS Code で開く{"mcpServers":{"lazymac2x-color-palette":{"type":"http","url":"https://api.lazy-mac.com/color-palette/mcp"}}}{"mcpServers":{"lazymac2x-color-palette":{"serverUrl":"https://api.lazy-mac.com/color-palette/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
7| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| color | string | はい | 16 進数カラー文字列。例："ff5733" または "#ff5733" |
詳細
color-palette-api
⭐ MRR 0ドルから、開発の過程を公開しています。 この歩みを追いたい方はスターを付けてください — lazymac-mcp（42個のツールを1回のMCPインストールで利用） · lazymac-k-mcp（韓国語特化） · lazymac-sdk（TSクライアント） · api.lazy-mac.com · Pro $29/mo
🚀 lazymacの全42個のツールを1回のMCPインストールで利用しませんか？
npx -y @lazymac/mcp· 無制限に呼び出せるPro $29/mo。
カラー パレット生成API — ハーモニー、グラデーション、コントラストチェック、WCAGアクセシビリティスコアリング、CSS/Tailwind出力に対応。外部依存関係はありません。
クイックスタート
npm install && npm start # http://localhost:4000
エンドポイント
変換
curl http://localhost:4000/api/v1/convert/ff6b35
# → {"hex":"#ff6b35","rgb":{"r":255,"g":107,"b":53},"hsl":{"h":16,"s":100,"l":60}}
カラーハーモニー
# Types: complementary, analogous, triadic, split, tetradic, monochromatic
curl http://localhost:4000/api/v1/harmony/complementary/ff6b35
curl http://localhost:4000/api/v1/harmony/triadic/3498db
curl http://localhost:4000/api/v1/harmony/monochromatic/e74c3c?count=7
グラデーション
curl "http://localhost:4000/api/v1/gradient/ff6b35/3498db?steps=7"
# → colors array + CSS gradient string
コントラスト／WCAGアクセシビリティ
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
ランダムパレット
curl "http://localhost:4000/api/v1/random?count=5"
CSS変数
curl -X POST http://localhost:4000/api/v1/css \
-H "Content-Type: application/json" \
-d '{"colors":["#ff6b35","#3498db","#2ecc71"], "name":"brand"}'
Tailwind設定
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"}'
ライセンス
MIT
💡 ご自身のスタックをホストしますか？ lazymacの紹介リンクからDigitalOceanクレジット200ドル分を入手できます。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。