ContrastKit
by contrastkit.mike-tusa.workers.dev · dev.workers.mike-tusa.contrastkit/contrastkit
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
- Category
- Other
- Connection
- Remote (HTTP)
- Tools
- 4 reported
- Status
- Online
Connect it to your AI
Claude Code
claude mcp add --transport http contrastkit https://contrastkit.mike-tusa.workers.dev/mcpClaude, ChatGPT, Cursor and other apps
Add it as a custom connector with this URL (Streamable HTTP):
https://contrastkit.mike-tusa.workers.dev/mcpCursor, VS Code and other apps (mcp.json)
{
"mcpServers": {
"contrastkit": {
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}Tools it offers
4 tools, as the server itself reported during our check on Oct 31, 2026.
check_contrastCompute the WCAG 2.x contrast ratio between a text (foreground) color and a background color, with pass/fail for AA, AA large text, AAA, AAA large text and non-text UI (3:1). Handles translucent colors. Read-only. Same esuggest_accessible_colorFor a failing color pair, find the closest color (same hue and saturation, lightness changed as little as possible) that meets the chosen WCAG level. Adjust the foreground (default), the background, or both (best first).convert_colorConvert a CSS color to hex, rgb() and hsl(), with its relative luminance, its contrast on white and on black, and the better text color (black or white) to put on it. Read-only. Same engine as GET /api/convert.check_paletteContrast ratio for every pair of 2 to 12 colors (up to 66 pairs), highest first, each flagged against the chosen WCAG level. Use it to see which brand colors can be used together for text. Read-only. Same engine as GET /
Questions
What is the ContrastKit MCP server?
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks. It is made by contrastkit.mike-tusa.workers.dev and listed in the official MCP Registry as dev.workers.mike-tusa.contrastkit/contrastkit. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.
How do I add ContrastKit to Claude?
In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://contrastkit.mike-tusa.workers.dev/mcp. In Claude Code, run: claude mcp add --transport http contrastkit https://contrastkit.mike-tusa.workers.dev/mcp
How do I add ContrastKit to ChatGPT?
ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://contrastkit.mike-tusa.workers.dev/mcp.
How do I add ContrastKit to Cursor?
Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "contrastkit": { "url": "https://contrastkit.mike-tusa.workers.dev/mcp" } } }
Does ContrastKit work right now?
Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.
What can ContrastKit do?
It gives your AI 4 tools, including check_contrast, suggest_accessible_color, convert_color, check_palette. The full list is on this page.
Is this your server? Get the badge for your README
Markdown (GitHub README)
[](https://chen.media/mcp/dev-workers-mike-tusa-contrastkit-contrastkit)HTML (switches to dark mode on its own)
<a href="https://chen.media/mcp/dev-workers-mike-tusa-contrastkit-contrastkit"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-workers-mike-tusa-contrastkit-contrastkit.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-workers-mike-tusa-contrastkit-contrastkit.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>More in Other
See allOrbinauts
orbinauts.comSatellite tracking: where any satellite is, ISS passes over your town, launches, re-entries, crews.
Sami Swoi
samiswoi.appDirectory of Polish-run businesses outside Poland: shops, tradespeople, doctors, services.
TenderWatch, marchés publics
tenderwatch.frAppels d'offres publics français ouverts, procédure selon le montant, intérêts moratoires, lexique.
LasVegasTonight.com — Nightlife, Shows, Sportsbooks & VIP Math
lasvegastonight.com119 Las Vegas clubs, shows, sportsbooks, 20 resorts, NV 9% LET splits & $0 VIP holds.
Mitoyens, pesticides près de chez vous
mitoyens.frPesticides par commune en France : eau du robinet, écoles près des champs, achats, carte.
lookmybio
lookmybio.comLook up creators on lookmybio: public bio pages, their links and published blog posts.