Spectra
Contrast checking for colours that actually touch — WCAG & APCA, fixed in one click.
Plugin 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.
Plugin Details
| Version | 5 |
|---|---|
| Created | June 12, 2026 |
| Last Updated | June 24, 2026 |
| Category | Accessibility tools |
| Creator | Himesh |
| Stats | 3 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:plugin/ui.html
- main:plugin/sandbox.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.