frog HSL Palette
by Adrien Bourmault
frog HSL palette
FreeFigma
Installs
17
Likes
5
Users
76
Views
90
Preview
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.