Why use HSL instead of HEX?

HSL separates hue from saturation and lightness, so making a color lighter, darker or more muted is a change to one number.

Does it give tints and shades too?

Yes. Every picked color gets a ramp of tints and shades, plus harmonies built from its hue.

Click any pixel and copy it as hue, saturation and lightness, the format that makes tints and shades easy to tune.

Drop an image here

Drag and drop, paste with Ctrl + V, or load one from a URL. JPG, PNG, WebP, GIF and SVG.

Or press Ctrl + V

Or start from a sample

Picked

Purple

#D629F1

Palette

Load an image to extract its palette.

Tints and shades

Harmonies

Complement

Analogous

Triad

Split

Tetrad

Your image is read in the browser and never uploaded. Nothing is stored.

Why use HSL instead of HEX?: HSL separates hue from saturation and lightness, so making a color lighter, darker or more muted is a change to one number.
Does it give tints and shades too?: Yes. Every picked color gets a ramp of tints and shades, plus harmonies built from its hue.

The tools that usually come after this one.

The catalog behind this tool: real, published entries with verified pricing and licensing, not a list of affiliate links.