Contrastr
by Dwiki Arlan
Smart WCAG Contrast Checker with on-brand suggestions
Installs
0
Likes
0
Users
4
Views
17
Preview
About this plugin
Contrastr is a smart WCAG contrast checker for Figma that doesn’t just flag problems, it intelligently fixes WCAG 2.1 contrast failures using perceptual color science (OKLCH).
Instead of generic gray suggestions that break your brand, Contrastr gives you ranked, on-brand alternatives with minimal visual drift so changes feel natural and safe.
Most tools only tell you what’s broken. Contrastr tells you exactly which color to use, ranked by visual similarity.── What it does ──• Scan a frame or selection for contrast failures• Get 3 ranked suggestions per failing pair (minimal drift → safe → AAA)• Apply in one click — foreground or background side• Locks brand colors so suggestions never alter them• Detects context: large text, UI components, logos, and decorative layers get the right threshold── Early access ──This is an actively tested build. Core features are complete and verified against real design files. Edge cases may exist, your feedback is welcome and will directly shape what ships next.WCAG 2.1 AA / AAA · OKLCH color space · ΔE-ranked suggestions · Brand color lock
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility