Perceptual Color

About this plugin

The Perceptual Color plugin allows you to inspect and manipulate color gradients and solid colors using the OKLCH color space, which is a perceptual color space that is supported on the web (CSS Color Module Level 4).

Instructions

1. Run the plugin
2. Select one or more layers with Gradient fills.
3. Inspect and modify the gradients in OKLCH color space

NOTE: Figma does not yet support OKLCH color and so the color blending (or interpolation) between colors in Figma is done in RGB color space. Therefore, Figma will not reflect the gradient you will see in the plugin or on the web. I may incorporate a workaround to add a special fill to the node that will help visualize the way OKLCH blends colors while keeping the node's original fill intact.