Search / com.clawhard/swatch
Swatch
R0· no sign-inCheck WCAG color contrast, fix failing colors, build 50-950 palettes. No account.
v1.1.0 · active · website · descriptor JSON · versions
Search / com.clawhard/swatch
R0· no sign-inCheck WCAG color contrast, fix failing colors, build 50-950 palettes. No account.
v1.1.0 · active · website · descriptor JSON · versions
{
"mcpServers": {
"swatch": {
"type": "http",
"url": "https://swatch.clawhard.com/mcp"
}
}
}claude mcp add --transport http swatch https://swatch.clawhard.com/mcp[mcp_servers.swatch]
url = "https://swatch.clawhard.com/mcp"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"swatch": {
"type": "remote",
"url": "https://swatch.clawhard.com/mcp",
"enabled": true
}
}
}{
"mcpServers": {
"swatch": {
"type": "http",
"url": "https://swatch.clawhard.com/mcp"
}
},
"deeplink": "cursor://anysphere.cursor-deeplink/mcp/install?name=swatch&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vc3dhdGNoLmNsYXdoYXJkLmNvbS9tY3AifQ%3D%3D"
}{
"servers": {
"swatch": {
"type": "http",
"url": "https://swatch.clawhard.com/mcp"
}
}
}{
"mcpServers": {
"swatch": {
"httpUrl": "https://swatch.clawhard.com/mcp"
}
}
}extensions:
"swatch":
enabled: true
name: "swatch"
type: streamable_http
uri: "https://swatch.clawhard.com/mcp"
timeout: 300
protocol.modernprotocol.statelessprotocol.transportprotocol.list_ttlauth.prm, auth.as_metadata, auth.cimdauth.secret_in_urltools.descriptionstools.description_lengthtools.schemastools.annotationstools.directory_hintstools.token_costtools.api_dumptools.hidden_textstability.changesstability.rug_pullstability.new_linksdeps.known_vulns, deps.mcp_sdk_version, deps.resolvableswatch_pick_text_colorremovedUse when the user asks what text color (black or white) to put on a given background, button or brand color so it is readable. Returns the better of black or white with both contrast ratios, the WCAG grade and a softer near-black option. Example: {"background": "#ff5a1f"}.
swatch_convert_colorremovedUse when the user asks to convert a color between hex, RGB, HSL and OKLCH, or asks what a color is called or how light it is. Returns all formats, the relative luminance and the nearest CSS color name. Example: {"color": "#ff5a1f"}. Exact math, so prefer it to converting by hand.
swatch_check_contrastchangeddescriptionUse when the user asks whether a color combination is readable or accessible, passes WCAG AA or AAA, or has enough contrast (text on a background, button, badge, link color). Returns the exact contrast ratio, pass or fail for normal text, large text and UI components at AA and AAA, the APCA lightness contrast and a plain note. Colors can be hex, rgb(), hsl() or CSS names. Example: {"foreground": "#777777", "background": "#ffffff"}. Language models cannot compute this reliably, so call it instead of guessing.
Use when the user asks whether a color combination is readable or accessible, passes WCAG AA or AAA, or has enough contrast (text on a background, button, badge, link color), or what a color is in another format. Returns the exact contrast ratio, pass or fail for normal text, large text and UI components at AA and AAA, the APCA lightness contrast and a plain note. Colors can be hex, rgb(), hsl() or CSS names. Example: {"foreground": "#777777", "background": "#ffffff"}. Also returns each color in hex, rgb, hsl and oklch with its nearest CSS name.
Full history: list_changes · trend: quality JSON.
Checks run on what our credential-free, read-only probes observe; tools are never called and no code audit is performed. How it is computed.
+dns-namespace +website +reachable +uptime-95% +updated-5d-ago -no-repository
Derived from observable signals (official registry feed and our own credential-free probes); no code audit performed. How it is computed.
| remote | auth | reachable | uptime 30d | p50 | protocol | last ok |
|---|---|---|---|---|---|---|
https://swatch.clawhard.com/mcp streamable-http | none | yes | 95% | 188 ms | 2025-11-25 | 2026-11-14 |
swatch_check_contrastread-only | Use when the user asks whether a color combination is readable or accessible, passes WCAG AA or AAA, or has enough contrast (text on a background, button, badge, link color), or what a color is in another format. Returns the exact contrast ratio, pass or fail for normal text, large text and UI components at AA and AAA, the APCA lightness contrast and a plain note. Colors can be hex, rgb(), hsl() or CSS names. Example: {"foreground": "#777777", "background": "#ffffff"}. Also returns each color in hex, rgb, hsl and oklch with its nearest CSS name. |
swatch_check_pairsread-only | Use when the user has a whole design system, theme or stylesheet and wants every text and background pair checked for accessibility in one go. Takes up to 50 pairs and returns the ratio and AA and AAA results for each, with a count of failures. Example: {"pairs": [{"foreground": "#777", "background": "#fff", "label": "muted text"}, {"foreground": "#fff", "background": "#ff5a1f", "label": "button"}]}. |
swatch_fix_contrastread-only | Use when a color pair fails contrast and the user wants the smallest change that makes it pass, such as "make this gray text accessible without changing the look". Returns the closest text color on that background that reaches the target (AA, AAA, AA-large or ui), and separately the closest background, keeping the hue. Example: {"foreground": "#777777", "background": "#ffffff", "target": "AA"}. Returns already_passes if nothing needs to change. |
swatch_make_scaleread-only | Use when the user asks for a palette, shades, tints, a design-token scale or a Tailwind-style 50 to 950 ramp from a brand color. Returns 11 steps that keep the hue, with the hex, contrast on white and on black, and the best text color for each step. Example: {"color": "#ff5a1f", "name": "brand"}. |
Schemas: list_tools.
And 11 more from this publisher.
{
"name": "com.clawhard/swatch",
"icons": [
{
"src": "https://clawhard.com/icon-512.png",
"sizes": [
"512x512"
],
"mimeType": "image/png"
}
],
"title": "Swatch",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"remotes": [
{
"url": "https://swatch.clawhard.com/mcp",
"type": "streamable-http"
}
],
"version": "1.1.0",
"websiteUrl": "https://swatch.clawhard.com",
"description": "Check WCAG color contrast, fix failing colors, build 50-950 palettes. No account."
}