Accessibility Contrast Audit
Calculate text contrast for supplied colors and document the rendered context.
Get contrast ratios, applicable thresholds and candidate color adjustments.
Free · 2 KB · SKILL.md, instructions and example files. Provide foreground/background colors and text size/weight; rendered pages require browser access.
A worked example
A small example to try before using your own data.
Input
{
"foreground": "#777777",
"background": "#FFFFFF",
"text": "16px regular"
}Expected result
{
"contrast_ratio_rounded": 4.48,
"normal_text_AA": "fail",
"candidate_foreground": "#767676",
"candidate_ratio_rounded": 4.54
}What to check: Compare using the unrounded ratio; 4.48 must not be rounded up to a 4.5 pass.
Limits: This checks text contrast, not complete WCAG conformance. Gradients, images, transparency and non-text controls require their own context checks.
Worked example included. Model-specific performance and vendor compatibility have not been benchmarked.
🧠 Why it works
Compare using the unrounded ratio; 4.48 must not be rounded up to a 4.5 pass.
⚙️ How it works
- Resolve actual foreground and background colors, including opacity, layered backgrounds and interaction states.
- Convert sRGB channels to linear light and calculate relative luminance and (L1+0.05)/(L2+0.05).
- Compare with the applicable WCAG text threshold: 4.5:1 for normal text, 3:1 for qualifying large text.
- Propose a small color adjustment and recalculate it against the same background.
- Inspect the rendered result and report context that a flat color calculation cannot establish.
Description
Get contrast ratios, applicable thresholds and candidate color adjustments.
Provide foreground/background colors and text size/weight; rendered pages require browser access.
Limits: This checks text contrast, not complete WCAG conformance. Gradients, images, transparency and non-text controls require their own context checks.
Recommended Use
Sign in to suggestTools and workflow packs this skill pairs well with. Forge picks are auto-generated from category + capability signals; Community picks are added by people who've used the pairing.
Forge Auto-recommended matches
Tools
-
Architecture Diagram AI post 32%
Why: category partial · caps 0/0 · domain design
-
Presenton post 32%
Why: category partial · caps 0/0 · domain design
-
IvyCraft post 32%
Why: category partial · caps 0/0 · domain design
-
Presentforme.ai post 32%
Why: category partial · caps 0/0 · domain design
-
Quiver post 32%
Why: category partial · caps 0/0 · domain design
-
LayerBack post 32%
Why: category partial · caps 0/0 · domain design
-
Vectorizer AI post 32%
Why: category partial · caps 0/0 · domain design
-
GenUI post 32%
Why: category partial · caps 0/0 · domain design
-
Figviz post 32%
Why: category partial · caps 0/0 · domain design
-
Alai 2.0 post 32%
Why: category partial · caps 0/0 · domain design
-
Replifine AI post 32%
Why: category partial · caps 0/0 · domain design
-
AIdea post 32%
Why: category partial · caps 0/0 · domain design
Report compatibility
Tell the community which tool you used this skill with, and whether it worked.
Suggest a pairing
Recommend a tool or workflow pack that this skill works well with. Up to 5 recommendations per day.