T
DataToolings

Image Saturation

Boost or reduce color saturation in any image. From grayscale to vivid, live preview, browser-based.

Drop an image or click to browse

JPEG, PNG, WebP supported

Related Image Tools

Compress ImageResize ImageWebP to PNGHEIC to JPGImage to PDFPNG to JPGJPG to PNGPNG to WebPJPG to WebPImage CropperSVG to PNGRotate ImageGrayscaleColor PickerBrightness/Contrast
Add Watermark
GIF to PNG
Image to ICO
Image to ASCII
GIF to WebP
Pixelate
Border/Frame
BMP to PNG
Image Blur
Image Collage
AVIF to PNG
TIFF to PNG
Image Noise
Round CornersText Overlay

What Is Image Saturation?

Saturation controls how vivid or muted the colors in an image appear. At 0% all color is removed and the image becomes grayscale. At 100% the original colors are preserved. Values above 100% boost the intensity of every color, making the image look more vivid and punchy. This tool adjusts saturation per-pixel using the HSL color model, so hue and lightness are never affected — only the color intensity changes. All processing runs locally in your browser.

How to Use

  • Drop or select a JPEG, PNG, or WebP image
  • Drag the Saturation slider (0% = grayscale, 200% = double vivid)
  • Use the preset buttons for quick common values
  • The result updates automatically with a live before/after preview
  • Click Download to save the adjusted image

Features

  • 0–200% saturation range with 1% precision
  • Five quick-access presets including grayscale and original
  • Real-time before/after preview
  • Preserves original image dimensions and alpha channel
  • Supports JPEG, PNG, and WebP
  • 100% browser-based — your image never leaves your device

FAQ

How is saturation adjusted?

Each pixel is converted from RGB to HSL. The saturation component is multiplied by the chosen factor (e.g. 1.5 for 150%), clamped to the 0–1 range, then converted back to RGB. Hue and lightness remain unchanged.

What is the difference between 0% and grayscale conversion?

At 0% saturation the HSL model sets saturation to zero, which produces a perceptually accurate grayscale based on the original lightness values. This is equivalent to a standard desaturation and preserves perceived brightness better than a simple RGB average.

Is the alpha channel preserved?

Yes. Only the RGB channels are modified. The alpha channel is left untouched, so transparent PNGs keep their transparency after saturation adjustment.