Skip to content
ContrastPro – WCAG Color Contrast Checker

ContrastPro – WCAG Color Contrast Checker

by hritik choudhary

Test color contrast for accessibility – WCAG AA & AAA compliant.

FreeFigma

Installs

8

Likes

1

Users

115

Views

75

Preview

ContrastPro – WCAG Color Contrast Checker preview

About this plugin

🎨 ContrastPro – WCAG Color Contrast CheckerMake your designs accessible and readable for everyone!

🧪 This powerful Figma plugin helps you test and preview color contrast ratios between foreground and background colors instantly. Whether you're designing buttons, text, or full layouts—ContrastPro ensures your colors pass WCAG accessibility standards (AA and AAA).

🔍 Features:

✅ Live color contrast ratio calculation (e.g., 4.5:1, 7:1)✅ WCAG compliance check for:

Normal Text AA (4.5:1)Normal Text AAA (7:1)Large Text AA (3:1)Large Text AAA (4.5:1)✅ Live preview with headings, paragraphs, and small text✅ Hex color input and color pickers✅ Easy-to-use and clean interface💡 Why use ContrastPro?

Improve readability and UX for everyoneBuild accessible, inclusive designsMeet legal & WCAG 2.1 accessibility complianceFast and effortless color testing right inside Figma🔗 Want full access?

You can unlock the Pro version with all features for just $5 (one-time fee) via Gumroad:

👉 Buy now on Gumroad 👈 (https://hritikkumarkota.gumroad.com/l/color-contrast-checker)Start designing with confidence, inclusivity, and accessibility in mind.

Try ContrastPro today and make your color choices count!

More accessibility tools plugins

View all