Back to Plugins
Relative Luminous Color Wheel — WCAG & APCA Contrast | 1.8.2

Relative Luminous Color Wheel — WCAG & APCA Contrast | 1.8.2

Accessible Color Picker & WCAG / APCA Contrast Checker.

Plugin Preview

Relative Luminous Color Wheel — WCAG & APCA Contrast | 1.8.2 preview

About this plugin

A color picker built around accessibility. Every color on the wheel shares the same WCAG 2.2 relative luminance, so you can explore hue and saturation without changing how light or dark a color reads. Lock a contrast target — a WCAG 2.2 ratio or an experimental APCA Lc value — and your text/background pair stays pinned to the threshold while you design.Highlights🔒 Contrast lock — keep a color pair at AA, AAA, or an APCA Lc target while you tune hue & saturation. It never drifts below your threshold.✅ WCAG 2.2 + APCA — live pass/fail verdicts, including APCA font size/weight guidance.🎨 Apply to selection — fill the selected layers with your TEXT / BG color, or with any color saved in your palette.🎯 Import from canvas — pull a selected layer’s fill into the TEXT or BG picker and check its contrast on the spot.🧩 Create variables — generate a luminance-keyed tonal scale (Primitives: 50–950) plus Light/Dark semantic themes as Figma variable collections.🌗 Opacity-aware, colorblind (CVD) preview, and a resizable window.🤘🏻Fully self-contained — no network access. Nothing you pick ever leaves Figma.Also available as a free web app (https://relative-luminous-color-wheel.vercel.app).

Plugin Details

Version13
CreatedJuly 19, 2026
Last UpdatedAugust 6, 2026
Categoryshapes-colors
CreatorDaishin Sakuma
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Fully self-contained — the picker, fonts and all logic are inlined into the UI; the plugin makes no network requests.

  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.