Adjust HSL Image
FreeShift 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.
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
- Shifting a photo's overall color palette, for example turning a green landscape autumn-orange.
- Converting a color photo to grayscale by dragging Saturation down to 0%.
- Making a dull, washed-out photo more vivid by boosting Saturation above 100%.
- Quickly brightening or darkening an image without opening a full photo editor.
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
Image
Brightness Contrast Image
Adjust the brightness and contrast of an image in your browser with a live preview, then download the result.
FreeImage
Image Exposure Adjuster
Adjust an image's exposure in photographic stops (EV), applied in linear light for a physically accurate result.
FreeImage
Image Vibrance Adjuster
Boost or reduce color vividness in an image while protecting already-vivid colors and grays, unlike a flat saturation change.
FreeImage
Image Channel Mixer
Independently scale the red, green, and blue channel intensity of an image with a live preview.
Comments (0)
Found this tool useful? Leave a comment, share a tip, or tell us how we can make it better.
No comments yet. Be the first to share your thoughts!