WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http contrastkit https://contrastkit.mike-tusa.workers.dev/mcp~/.codex/config.toml
[mcp_servers.contrastkit]
url = "https://contrastkit.mike-tusa.workers.dev/mcp"
# codex mcp add contrastkit --url https://contrastkit.mike-tusa.workers.dev/mcp~/.cursor/mcp.json
{
"mcpServers": {
"contrastkit": {
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"contrastkit": {
"type": "http",
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"contrastkit": {
"httpUrl": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"contrastkit": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://contrastkit.mike-tusa.workers.dev/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"contrastkit": {
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}