Relative Luminous Color Wheel — WCAG & APCA Contrast | 1.8.2
Accessible Color Picker & WCAG / APCA Contrast Checker.
Plugin 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
| Version | 13 |
|---|---|
| Created | July 19, 2026 |
| Last Updated | August 6, 2026 |
| Category | shapes-colors |
| Creator | Daishin Sakuma |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
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.