Kukkiri - Color Replacement
Real-time WCAG contrast checker
Plugin Preview
About this plugin
Select any two layers to instantly check their color contrast against WCAG 2.1 standards. Kukkiri reads fill colors from your selection, assigns the first as foreground and second as background, and shows you the contrast ratio with pass/fail results for AA, AAA, Normal Text, Large Text, and UI Components.When colors don't meet your target level, Kukkiri suggests the closest compliant alternatives — adjusted by lightness or subtle hue shifts — so you stay as close to your original palette as possible. Preview each suggestion live on the canvas before committing, and swap between options to find the best fit.FeaturesAuto-detects fill colors from selected layersLive contrast ratio with WCAG 2.1 AA & AAA compliance badgesDetailed breakdown for Normal Text, Large Text, and UI ComponentsSmart color suggestions that minimize changes to your paletteLive preview on canvas — try suggestions before applyingApply or revert with one clickSwap foreground/background instantly
Plugin Details
| Version | 2 |
|---|---|
| Created | March 17, 2026 |
| Last Updated | March 17, 2026 |
| Category | Accessibility tools |
| Creator | Tyler |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥