Spectra
by Himesh
Contrast checking for colours that actually touch — WCAG & APCA, fixed in one click.
Installs
3
Likes
2
Users
9
Views
49
Preview
About this plugin
Spectra checks colour contrast the way it works on your canvas — by pairing each colour with the surfaces it actually sits on, not by comparing every colour against every other.
Most tools flag everything. Spectra reads your layers and builds pairs from real relationships: text on its background, borders against their interior fill, fills against their container. If two colours never touch, Spectra skips them.KEY FEATURES• Adjacency-aware — only checks pairs that actually meet on canvas• Covers text, icons, borders, and fills (WCAG 1.4.3 and 1.4.11)• WCAG 2.x and APCA — switch standards at any time• One-click fix — the ⚡ nudge finds the nearest passing colour without breaking your palette• Colour blindness preview strips• Saved colour library with export to CSS, JSON, or CSVHOW TO USESelect any frame or group and run Spectra. It reads your layers, identifies every colour pair that actually touches, and shows which pass or fail. Hit ⚡ on any failing pair to apply a fix instantly.
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