Skip to main content
Glama

ContrastKit

by dev.workers.mike-tusa.contrastkit
OverviewDiscussionsAdmin

Server Details

WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.

Ownership verified
Status
Healthy
Last Tested
Transport
Streamable HTTP · MCP 2025-11-25
URL

TDQS

Score is being calculated.

Available Tools

4 tools
check_contrastCheck WCAG color contrast
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
backgroundYesBackground color as a CSS color: "#1a73e8", "#fff", "rgb(26 115 232)", "hsl(217 80% 51%)", "rgba(0,0,0,.6)" or a name like "navy".
foregroundYesText / foreground color as a CSS color: "#1a73e8", "#fff", "rgb(26 115 232)", "hsl(217 80% 51%)", "rgba(0,0,0,.6)" or a name like "navy".

Output Schema

ParametersJSON Schema
NameRequiredDescription
passYes
notesYes
ratioYes
versionYes
backgroundNo
foregroundNo
ratioExactNo
effectiveBackgroundNo
effectiveForegroundNo
check_paletteCheck every pair in a palette
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
levelNoWCAG target: aa 4.5:1 (default), aa-large 3:1, aaa 7:1, aaa-large 4.5:1, ui 3:1 (non-text).aa
colorsYes2 to 12 CSS colors.

Output Schema

ParametersJSON Schema
NameRequiredDescription
countYes
levelNo
notesNo
pairsYes
colorsNo
targetNo
passingYes
versionYes
convert_colorConvert a CSS color
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
colorYesColor as a CSS color: "#1a73e8", "#fff", "rgb(26 115 232)", "hsl(217 80% 51%)", "rgba(0,0,0,.6)" or a name like "navy".

Output Schema

ParametersJSON Schema
NameRequiredDescription
hexYes
hslNo
rgbNo
alphaNo
inputNo
versionYes
luminanceYes
bestTextColorYes
contrastOnBlackNo
contrastOnWhiteNo
suggest_accessible_colorSuggest the nearest accessible color
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
levelNoWCAG target: aa 4.5:1 (default), aa-large 3:1, aaa 7:1, aaa-large 4.5:1, ui 3:1 (non-text).aa
adjustNoWhich color may change.foreground
backgroundYesBackground color as a CSS color: "#1a73e8", "#fff", "rgb(26 115 232)", "hsl(217 80% 51%)", "rgba(0,0,0,.6)" or a name like "navy".
foregroundYesText / foreground color as a CSS color: "#1a73e8", "#fff", "rgb(26 115 232)", "hsl(217 80% 51%)", "rgba(0,0,0,.6)" or a name like "navy".

Output Schema

ParametersJSON Schema
NameRequiredDescription
passNo
levelNo
notesNo
ratioYes
adjustNo
targetYes
versionYes
backgroundNo
foregroundNo
ratioExactNo
suggestionsYes
alreadyPassesYes
effectiveBackgroundNo
effectiveForegroundNo

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

  1. 4 tool updates
    • First observedcheck_contrast
    • First observedcheck_palette
    • First observedconvert_color
    • First observedsuggest_accessible_color

Related MCP Connectors

Related MCP Servers

  • mcp-color

    pipeworx-io
    A
    license
    Not graded
    quality
    B
    maintenance
    Provides color conversion between formats, WCAG contrast ratio computation, and nearest CSS named color lookup.
    17 npm
    MIT

  • Accessible Color Contrast MCP

    ryelle
    A
    license
    Not graded
    quality
    C
    maintenance
    Enables 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.
    5 npm
    2
    MIT

  • MCP Color Converter

    bennyzen
    A
    license
    Not graded
    quality
    D
    maintenance
    Provides comprehensive color conversion, manipulation, analysis, and WCAG accessibility tools supporting multiple formats (hex, rgb, hsl, oklch, oklab) for design systems and web development.
    12 npm
    2
    MIT

  • huetension mcp

    leporel
    A
    license
    Not graded
    quality
    B
    maintenance
    Extract palettes from images, generate harmonies, gradients, random palettes; Check WCAG and APCA contrast; Suggest nearest passing OkLCH lightness; Simulate color-blindness; Convert and sort colors across formats (hex / RGB / HSL / OkLCH / …)
    MIT
Try in Browser
One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources