WMW

Adjust HSL Image

Free

Shift hue, saturation, and lightness on an image with live sliders, right in your browser.

Runs entirely in your browser. Your image is never uploaded anywhere.

Click to choose an image, or drag and drop one here

Recent Activity

Visible to everyone. Last 20 uses across all visitors, newest first.

No activity yet. Be the first.

Comments (0)

Found this tool useful? Leave a comment, share a tip, or tell us how we can make it better.

Guest comments are reviewed before publishing. Sign in to post instantly.

No comments yet. Be the first to share your thoughts!

What this tool does

This tool adjusts the Hue, Saturation, and Lightness (HSL) of an uploaded image, right in your browser. Rotate the Hue slider to shift every color around the color wheel, drag Saturation to make colors more vivid or fully grayscale, and drag Lightness to brighten or darken the whole image.

The preview updates live as you adjust each slider, and "Reset Sliders" instantly returns all three to their neutral, unchanged values.

Problems it solves

Frequently asked questions

What do Hue, Saturation, and Lightness each control?

Hue rotates every color around the color wheel, for example turning a red sky orange or a blue sky purple, without changing how vivid or bright it is. Saturation controls how vivid or muted the colors are, at 0% the image becomes fully grayscale. Lightness scales how bright or dark the whole image is, at 0% the image becomes solid black.

Why does dragging the Hue slider shift every color in the photo?

Hue is a rotation applied uniformly to every pixel's position on the color wheel, so a red object and a green object both shift by the same number of degrees, they just land on different resulting colors since they started in different places. This is why a hue shift can turn a whole photo's color palette into something completely different while keeping the same shapes and brightness pattern.

What happens if I set Saturation above 100%?

Saturation values above 100% push already-colorful pixels even further toward pure, vivid color, which can look intentionally punchy for a limited boost but starts to look unnatural or posterized at higher settings, since real cameras rarely capture colors that saturated to begin with.

Is this the same as adjusting brightness and contrast?

Lightness here is closer to a brightness scale than contrast, it doesn't stretch the tonal range around a midpoint the way contrast does. If you need to fix flat, washed-out midtones specifically without affecting saturation or hue, the Adjust Gamma Image tool is a better fit.

Does resizing my image for display affect the quality of the downloaded file?

No, the image is only visually scaled down to fit the screen if it's large, but the HSL adjustment is applied and the file is exported at the image's full original resolution, so the downloaded PNG isn't a blurry, downscaled version.

Related Tools