MCPサーバー

color-palette

            io.github.lazymac2x/color-palette
        

デザイン・クリエイティブ開発者向けツール公開・接続可能 MCP 2026-07-28

このMCPでできること

Provides color conversion, harmony and palette generation, accessibility contrast checks, gradients, CSS variables, and Tailwind color configurations.

check_contrast

Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.

入力スキーマ

{'type': 'object', 'required': ['foreground', 'background'], 'properties': {'background': {'type': 'string', 'description': 'Background hex color'}, 'foreground': {'type': 'string', 'description': 'Foreground hex color'}}}

color_harmony

Generate a set of harmonious colors from a base hex color. Harmony types: complementary, analogous, triadic, split, tetradic, monochromatic.

入力スキーマ

{'type': 'object', 'required': ['type', 'color'], 'properties': {'type': {'enum': ['complementary', 'analogous', 'triadic', 'split', 'tetradic', 'monochromatic'], 'type': 'string', 'description': 'Harmony type'}, 'color': {'type': 'string', 'description': 'Base hex color, e.g. "#ff5733"'}, 'count': {'type': 'number', 'description': 'Number of colors for monochromatic only (2–10, default 5)'}}}

convert_color

Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").

入力スキーマ

{'type': 'object', 'required': ['color'], 'properties': {'color': {'type': 'string', 'description': 'Hex color string, e.g. "ff5733" or "#ff5733"'}}}

generate_css

Generate CSS :root custom properties from a list of hex colors. Returns a ready-to-paste CSS block.

入力スキーマ

{'type': 'object', 'required': ['colors'], 'properties': {'name': {'type': 'string', 'description': 'CSS variable prefix (default: "palette")'}, 'colors': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Array of hex color strings'}}}

generate_gradient

Generate an interpolated gradient between two hex colors. Returns color stops and a ready-to-use CSS linear-gradient string.

入力スキーマ

{'type': 'object', 'required': ['color1', 'color2'], 'properties': {'steps': {'type': 'number', 'description': 'Number of gradient stops (2–20, default 5)'}, 'color1': {'type': 'string', 'description': 'Start hex color'}, 'color2': {'type': 'string', 'description': 'End hex color'}}}

generate_tailwind

Generate a Tailwind CSS color config object. Colors are mapped to standard shades (50, 100, 200 … 900) in order. Paste the result into tailwind.config.js theme.extend.colors.

入力スキーマ

{'type': 'object', 'required': ['colors'], 'properties': {'name': {'type': 'string', 'description': 'Color group key (default: "brand")'}, 'colors': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Array of hex color strings (up to 10)'}}}

random_palette

Generate a random harmonious color palette. Colors share a hue family to avoid clashing.

入力スキーマ

{'type': 'object', 'properties': {'count': {'type': 'number', 'description': 'Number of colors (1–10, default 5)'}}}

追加

                            generate_tailwind
                        

2026年9月17日12:43

追加

                            generate_css
                        

2026年9月17日12:43

追加

                            random_palette
                        

2026年9月17日12:43

追加

                            check_contrast
                        

2026年9月17日12:43

追加

                            generate_gradient
                        

2026年9月17日12:43

追加

                            color_harmony
                        

2026年9月17日12:43

追加

                            convert_color
                        

2026年9月17日12:43

サーバー情報

バージョン

1.0.0

通信方式

Streamable HTTP

ツール

レイテンシ

173 ms

最終スキャン

2026年10月1日2:45

初回確認

2026年9月13日2:18

エンドポイント

https://api.lazy-mac.com/color-palette/mcp

color-palette

このMCPでできること

ツール

最近のツール変更

類似のMCPサーバー

GripForge

spriteship

Blixtworks

Compose Preview Catalogs

arch-tools-mcp

kernelcad

floot

Raven