Color Contrast Checker

Name: Color Contrast Checker
Author: @a11y_noah

A11yDesign TokensTestingUpdated 2026-08-03

When to use: Ensuring every color pairing meets AA/AAA before merging UI changes.

Install

npx skills add color-contrast-checker

Git Clone

git clone https://github.com/skillhub-community/color-contrast-checker.git

Repository Docs

Description

Audits all color pairs in your DESIGN.md or Tailwind config against WCAG 2.2 AA/AAA contrast ratios and the newer APCA (Advanced Perceptual Contrast Algorithm).

Outputs a ranked report — pass, marginal, fail — with suggested replacement colors. Can run as a CI check to block PRs that degrade accessibility.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@a11y_noah

LicenseMIT

Version1.1.0

Dependencies1

Dependencies

Tokenized Color System