Color Contrast Auditor

🌐Community
by curiositech · vlatest · Repository

This tool analyzes images for sufficient color contrast to ensure accessibility and readability, improving visual content quality.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add curiositech-color-contrast-auditor npx -- -y @trustedskills/curiositech-color-contrast-auditor
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "curiositech-color-contrast-auditor": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/curiositech-color-contrast-auditor"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The Color Contrast Auditor skill analyzes the color contrast between text and background colors in a given design or image. It determines if the contrast meets accessibility guidelines, specifically WCAG (Web Content Accessibility Guidelines) standards. The tool provides feedback on whether the contrast ratio is sufficient for readability by users with visual impairments.

When to use it

  • Website Design Review: Evaluate a website's color scheme for accessibility compliance before launch.
  • Marketing Material Creation: Ensure that flyers, presentations, and other marketing materials are readable for everyone.
  • App Interface Testing: Check the contrast of text elements within mobile or desktop applications.
  • Document Accessibility: Assess PDFs or documents to confirm sufficient color contrast for users who rely on screen readers.

Key capabilities

  • WCAG compliance checking
  • Contrast ratio calculation
  • Analysis of text and background colors
  • Accessibility feedback

Example prompts

  • "Analyze the color contrast between #FFFFFF (white) and #000000 (black)."
  • "Is this combination accessible? Foreground: #FF0000, Background: #FFFF00."
  • "Check the WCAG AA compliance for these colors: text = #333333, background = #EEEEEE."

Tips & gotchas

The skill requires you to provide specific hex codes or color names as input. It does not analyze images directly; it needs explicit color values to perform its calculations.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
curiositech
Installs
7

🌐 Community

Passed automated security scans.