ContrastKit
Server Details
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
- Status
- Healthy
- Uptime
- 100.0% over the last 24 hours
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 4 tools
Each tool targets a clearly distinct operation: single-pair check, all-pairs palette check, color format conversion, and remediation suggestion. The boundary between check_contrast (one pair) and check_palette (many pairs) is well-delineated by their descriptions.
All four names follow a consistent verb_noun pattern: check_contrast, check_palette, convert_color, suggest_accessible_color. No style mixing or vague verbs.
Four tools is well-scoped for a contrast-utility server; each maps to a distinct task (check, batch-check, convert, suggest) with no filler or redundancy.
The surface covers the core lifecycle: check a pair, check a palette, convert formats, and remediate failures. Minor gaps exist around batch/HTML-text parsing or color-blindness simulation, but agents can work around these.
Available Tools
4 toolscheck_contrastCheck WCAG color contrastARead-onlyIdempotentInspect
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.
Inputs: background (required), foreground (required). Returns: pass, notes, ratio, version, +5 more
check_paletteCheck every pair in a paletteARead-onlyIdempotentInspect
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.
Inputs: colors (required), level. Returns: count, level, notes, pairs, +4 more
convert_colorConvert a CSS colorARead-onlyIdempotentInspect
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.
Inputs: color (required). Returns: hex, hsl, rgb, alpha, +6 more
suggest_accessible_colorSuggest the nearest accessible colorARead-onlyIdempotentInspect
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.
Inputs: background (required), foreground (required), level, adjust. Returns: pass, level, notes, ratio, +10 more
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Related MCP Connectors
Contrast checks with fixes, OKLCH harmonies, palettes, color-blind previews and code export.
WCAG contrast & palettes
Check WCAG color contrast, fix failing colors, build 50-950 palettes. No account.
18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceProvides color conversion between formats, WCAG contrast ratio computation, and nearest CSS named color lookup.124 npmMIT
- AlicenseNot gradedqualityDmaintenanceEnables checking WCAG color contrast ratios and accessibility compliance between color pairs. Helps determine optimal text colors for backgrounds and validates color combinations meet accessibility standards.21 npm2MIT
- AlicenseNot gradedqualityCmaintenanceEnables coding agents to measure text and background contrast with WCAG 2 and APCA, receive nearest passing color fixes at the same hue, generate contrast-safe palettes, and audit real pages for accessibility failures.MIT
- AlicenseNot gradedqualityDmaintenanceProvides comprehensive color conversion, manipulation, analysis, and WCAG accessibility tools supporting multiple formats (hex, rgb, hsl, oklch, oklab) for design systems and web development.23 npm2MIT
Glama MCP Gateway
Add one secure layer between your agents and this server.