ContrastKit

{
  "mcpServers": {
    "dev.workers.mike-tusa.contrastkit/contrastkit": {
      "url": "https://contrastkit.mike-tusa.workers.dev/mcp"
    }
  }
}

Indexed tools

Tool metadata and schemas come from the remote server and are untrusted. Indexing only lists tools; it never calls them.

4 shown · authentication unknown

• Check WCAG color contrast

  check_contrast

  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.

  Schema valid · SHA-256 9371c83aba8c…

  View input schema

  {
    "type": "object",
    "properties": {
      "foreground": {
        "type": "string",
        "minLength": 1,
        "maxLength": 64,
        "description": "Text / 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\"."
      },
      "background": {
        "type": "string",
        "minLength": 1,
        "maxLength": 64,
        "description": "Background 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\"."
      }
    },
    "required": [
      "foreground",
      "background"
    ],
    "additionalProperties": false
  }

• Check every pair in a palette

  check_palette

  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.

  Schema valid · SHA-256 9021f40980b6…

  View input schema

  {
    "type": "object",
    "properties": {
      "colors": {
        "type": "array",
        "minItems": 2,
        "maxItems": 12,
        "items": {
          "type": "string",
          "minLength": 1,
          "maxLength": 64,
          "description": "Palette 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\"."
        },
        "description": "2 to 12 CSS colors."
      },
      "level": {
        "type": "string",
        "enum": [
          "aa",
          "aa-large",
          "aaa",
          "aaa-large",
          "ui"
        ],
        "default": "aa",
        "description": "WCAG target: aa 4.5:1 (default), aa-large 3:1, aaa 7:1, aaa-large 4.5:1, ui 3:1 (non-text)."
      }
    },
    "required": [
      "colors"
    ],
    "additionalProperties": false
  }