MCP ServersCoolors MCP
Created at 2 months ago
by coolors-mcp
Advanced color operations MCP server with Material Design 3 support, CSS theme matching, image color extraction, and accessibility compliance. Features HCT color space for perceptually accurate operations.
Categories
Tags
color
material-design
css
accessibility
What is Coolors MCP?
Coolors MCP is an advanced color operations server that supports Material Design 3, CSS theme matching, image color extraction, and accessibility compliance, utilizing the HCT color space for perceptually accurate operations.
How to use Coolors MCP?
To use Coolors MCP, you can run it directly using NPX, install it via NPM, or clone the source code from GitHub. Configuration is done through JSON for integration with other tools.
Key features of Coolors MCP?
- 🎨 Color space conversions (RGB, HSL, LAB, HCT, etc.)
- 📏 Perceptual color metrics (Delta E calculations)
- 🎭 Material Design 3 theme generation
- 🔍 Smart theme matching for CSS variables
- 🖼️ Image color extraction using Celebi quantization
- ♿ WCAG compliance checking for contrast ratios
- 🔄 Automated CSS refactoring with theme variables
- 🌈 Advanced palette and gradient generation
Use cases of Coolors MCP?
- Design system migration to CSS variables.
- Ensuring accessibility compliance for color combinations.
- Generating Material Design themes with tonal palettes.
- Harmonizing brand colors for cohesive design.
- Extracting colors from images for theming.
- Creating smooth gradients for modern user interfaces.
FAQ from Coolors MCP?
- Can Coolors MCP handle all color formats?
Yes! It supports various color formats including RGB, HSL, LAB, and HCT.
- Is there a recommended installation method?
Yes! Using NPX is recommended for quick setup without installation.
- How does Coolors MCP ensure accessibility?
It automatically checks contrast ratios against WCAG standards to ensure compliance.
View More