Back to Plugins
Spectra

Spectra

Contrast checking for colours that actually touch — WCAG & APCA, fixed in one click.

Plugin Preview

Spectra 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

Version5
CreatedJune 12, 2026
Last UpdatedJune 24, 2026
CategoryAccessibility tools
CreatorHimesh
Stats3 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:plugin/ui.html
  • main:plugin/sandbox.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none