Back to Plugins
HSL Color picker - (Hue, saturation, lightness)

HSL Color picker - (Hue, saturation, lightness)

Hue, saturation, lightness: Master the essence of color with HSL.

figjamappabstractfigmacolorcomponentsweb designapp design

Plugin Preview

HSL Color picker - (Hue, saturation, lightness) preview

About this plugin

Hue: Think of it as the base color on the rainbow wheel. This dial lets you pick your main color, from fiery reds to calming blues.


Saturation: Imagine dipping your chosen hue in a bucket of color. With the saturation slider, you control how vibrant and intense the color is. Less saturation gives you a soft, pastel vibe, while cranking it up results in a bold, saturated look.


Lightness: Picture adjusting the brightness of a scene. Lightness lets you move your color up and down the scale, from dark and dramatic to light and airy.

Plugin Details

Version10
CreatedJanuary 14, 2024
Last UpdatedMarch 11, 2025
Categoryshapes-colors
CreatorColor Creator
Stats193 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:4200Dev
    • https://www.beforepost.com

More Like This

Discover other plugins in the shapes-colors category.