frog HSL Palette

About this plugin

Stop guessing your shades and tints. The frog HSL Palette plugin lets you instantly generate a perfectly balanced, 10-step color scale from any selected object's fill color.

It preserves the original Hue and Saturation while creating consistent variations in Lightness, from a light "50" value to a dark "900" value. It's the perfect tool for building robust design systems and ensuring color consistency.

How it works:

Select a single object with a solid fill color.

Run the plugin and click "Create HSL Palette".

A new, fully-labeled group with your 10 color swatches will be created right next to your selection. Each swatch includes its name (50-900), HEX code, and HSL value.