MCP server
ContrastKit
dev.workers.mike-tusa.contrastkit/contrastkit
Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
Working at last checkAbout 995 tokens per request once connected4 tools
https://contrastkit.mike-tusa.workers.dev/mcp
At a glance
- Type
- MCP server
- Publisher
- Not verified
- Status
- Working at last check
- Tools
- 4
- Token cost
- About 995 tokens per request
- Sets up in
- Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
- Last checked
- 26 Oct 2026, 08:29 UTC
Connect it to your agent
Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.
Claude Code
claude mcp add --transport http contrastkit https://contrastkit.mike-tusa.workers.dev/mcp
Claude Desktop
Settings → Connectors → Add custom connector, and paste the URL.
Codex (config.toml)
[mcp_servers.contrastkit] url = "https://contrastkit.mike-tusa.workers.dev/mcp"
Gemini CLI
{"mcpServers":{"contrastkit":{"httpUrl":"https://contrastkit.mike-tusa.workers.dev/mcp"}}}
Cursor
{"mcpServers":{"contrastkit":{"url":"https://contrastkit.mike-tusa.workers.dev/mcp"}}}
VS Code
{"servers":{"contrastkit":{"type":"http","url":"https://contrastkit.mike-tusa.workers.dev/mcp"}}}
Antigravity
agy mcp add contrastkit https://contrastkit.mike-tusa.workers.dev/mcp
ChatGPT
Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.
OpenAI API (Responses tools)
{"type":"mcp","server_label":"contrastkit","server_url":"https://contrastkit.mike-tusa.workers.dev/mcp","require_approval":"always"}
Grok (xAI API tools)
{"type":"mcp","server_label":"contrastkit","server_url":"https://contrastkit.mike-tusa.workers.dev/mcp"}
Tools
check_contrast~243 tokens
Compute 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 engine as GET /api/contrast.check_palette~249 tokens
Contrast 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 /api/palette.convert_color~158 tokens
Convert 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.suggest_accessible_color~345 tokens
For 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). Read-only. Same engine as GET /api/suggest.
Related MCP servers
- Zovo Palette Lab
WCAG contrast & palettes - PickShade color tools
18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens. - HelpySelf
More than a hundred everyday tools: PDFs, images, text, data, calculators, dice and currency. - Craftery Developer Tools
Developer utilities: color conversion, WCAG contrast, timestamps, UUIDs, and hashing. - Tanod
Pay-per-call agent tools: PDF, OCR, translation, news search, prediction markets, web, chain reads. - Tanod Images
Image toolkit: resize, convert, compress, crop, metadata, hashes, favicons, OCR, QR codes, barcodes. - ToolAPI
Free public MCP for AI agents — 193 tools, 44 workflows. No API key. - Jinero
AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
Badge for your README
[](https://aptlynx.net/servers/dev.workers.mike-tusa.contrastkit/contrastkit)
Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents