What color formats are supported?

The server supports Hexadecimal (Hex), RGB, and HSL formats.

How do I check if my colors meet accessibility standards?

You can use the `check_accessibility_compliance` tool to validate if a color pair meets the AA (4.5:1) or AAA (7:1) WCAG 2.1 thresholds.

Can I calculate the exact contrast ratio?

Yes, the `calculate_contrast_ratio` tool provides the exact numerical ratio between a foreground and background color.

Color Code Converter & Contrast Checker MCP Connector for Claude

A+

Convert color formats and validate WCAG 2.1 accessibility compliance.

3 tools Official Updated Oct 1, 2026 Official Vinkius Partner

More Details Connect to Claude

This MCP server provides precise mathematical tools for color space transformations and accessibility validation. Use convert_color_format to translate values between Hex, RGB, and HSL. Use calculate_contrast_ratio to find the numerical relationship between two colors, or check_accessibility_compliance to verify if a color pair meets AA or AAA WCAG 2.1 standards.

colorwcaghexrgbhslcontrast

Connect to Claude

Subscribe on Vinkius, then add this connector to Claude.ai or Claude Code.

① Claude.ai (web app)

Go to Settings → Connectors → Add custom connector
Paste the MCP endpoint URL below

https://edge.vinkius.com/vk_preview_0wzIiQUqwGmpTqEqyRuguarRk7tgxVZbLJWWWV3m/mcp

② Claude Code (terminal)

claude mcp add --transport http color-code-converter-contrast-checker https://edge.vinkius.com/vk_preview_0wzIiQUqwGmpTqEqyRuguarRk7tgxVZbLJWWWV3m/mcp

③ Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "color-code-converter-contrast-checker": {
      "url": "https://edge.vinkius.com/vk_preview_0wzIiQUqwGmpTqEqyRuguarRk7tgxVZbLJWWWV3m/mcp"
    }
  }
}

Get full access on Vinkius

The preview token above works for testing. Powered by Vinkius.