Back to Plugins
ContrastPro – WCAG Color Contrast Checker

ContrastPro – WCAG Color Contrast Checker

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

Plugin Preview

ContrastPro – WCAG Color Contrast Checker preview

About this plugin

🎨 ContrastPro – WCAG Color Contrast Checker

Make 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 everyone


Build accessible, inclusive designs


Meet legal & WCAG 2.1 accessibility compliance


Fast 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!

Plugin Details

Version1
CreatedAugust 1, 2025
Last UpdatedAugust 2, 2025
CategoryAccessibility tools
Creatorhritik choudhary
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.gumroad.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://gumroad.com