Skip to content
frog HSL Palette

frog HSL Palette

by Adrien Bourmault

frog HSL palette

FreeFigma

Installs

17

Likes

5

Users

76

Views

90

Preview

frog HSL Palette 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.

More shapes colors plugins

View all