Image Saturate

What is saturation?

Saturation is the intensity or purity of a colour. A fully saturated colour is vivid and pure, while a desaturated colour is muted and closer to grey. Adjusting saturation lets you make colours pop, tone them down for a natural look, or remove them entirely for a monochrome effect. Saturation is one of the three components of the HSL colour model, alongside hue and lightness.

This tool runs entirely in your browser. When you upload an image, it is decoded through the Canvas API. As you drag the saturation slider, the tool reads the raw pixel buffer, converts each pixel from RGB to HSL, multiplies the saturation channel by the slider value (100% = original, 0% = grayscale, 200% = double saturation), and converts back to RGB. The preview updates instantly, and the result can be downloaded as a PNG file.

How saturation adjustment works

The HSL colour model separates saturation from hue and lightness, making it possible to adjust colour intensity without changing the underlying colour or brightness. At 0% saturation, every pixel becomes a shade of grey determined by its original lightness, producing a grayscale image. At 200%, colours become extremely vivid and may appear to clip or band in highly saturated regions. The conversion uses the standard RGB-to-HSL and HSL-to-RGB algorithms.

When to use saturation

Saturation adjustment is useful in photography, design and social media. Common use cases include:

Saturation vs vibrance

Saturation adjustment is useful in photography, design and social media. Common use cases include:

• Photo enhancement. Boost dull colours in flat-looking photos to make them more vivid and appealing.
• Natural look. Slightly reduce saturation for a muted, film-like aesthetic that avoids over-processed digital look.
• Grayscale conversion. Set saturation to 0% to produce a clean black-and-white version of the image.
• Focus and emphasis. Desaturate the background while keeping the subject colourful (when combined with masking).
• Social media graphics. Create eye-catching visuals with high-saturation colour palettes.

Whenever you need to control the colour intensity of an image — from subtle enhancement to full grayscale — saturation adjustment is the tool to reach for.

How to adjust saturation

Adjusting saturation with this tool takes only a few seconds and runs entirely in your browser — no uploads, no sign-up, no watermark. Follow these steps:

1. Upload your image. Click the upload area or drag and drop a JPG, PNG, WebP, GIF or BMP file.
2. Adjust the saturation. Drag the slider from 0 to 200%. 100% is the original, 0% removes all colour, and values above 100% intensify colours. The preview updates in real time.
3. Download the result. Click "Download Saturated Image" to save the adjusted PNG.

Because every step runs locally through JavaScript, your image is never sent to a server. This makes the tool completely private and fast.