Output still looks too colorful
A 30–40% desaturation is subtle — it tones things down without removing color entirely.
Fix: Push the slider higher (70–90%) for a strongly muted look, or to 100% for full grayscale.
Desaturate Image
Reduce the saturation of any image with a slider from full color to fully desaturated — runs entirely in your browser
Advertisements
content bottom • up to 300x250
Advertisements
sidebar • 160x600
What is Desaturate Image
Last reviewed:
Saturation is the intensity of color in an image. Fully saturated pixels are vivid; fully desaturated pixels contain no color at all.
Desaturate Image lets you dial saturation down in the browser using a continuous 0–100% slider so you can hit any muted, pastel, or fully grayscale look without leaving the page.
Why use it
- Achieve a muted, editorial look without installing photo software.
- Tone down overly vivid stock photos to match your brand palette.
- Preview the effect live — no render-and-check cycle.
- All processing is in-browser, so original files never leave your machine.
Features
- 0–100% saturation slider
- Live preview
- Perceptually stable brightness
- PNG and JPG export
- Drag-and-drop image upload
- Desaturation runs locally in your browser
How to use Desaturate Image
- Upload. Drop an image into the workspace.
- Desaturate. Move the saturation slider between 0% and 100%.
- Export. Click Download to save PNG or JPG.
Example (before/after)
Vivid color photo
fashion.jpg (2048×1365, high saturation, 420 KB)
Desaturated at 60%
fashion.png (2048×1365, 60% desaturated, muted palette suitable for editorial layouts)
Common errors
Skin tones look sickly
At certain saturation levels, skin can take on an unhealthy green or gray cast.
Fix: Combine this tool with a separate Brightness/Contrast adjustment, or try 80–90% desaturation instead of 100%.
FAQ
Difference between desaturate and grayscale?
Grayscale is the 100% endpoint of desaturation. This tool exposes every value in between for finer artistic control.
Is my data uploaded?
No. The browser's Canvas API performs the color transform locally.
Does it preserve transparency?
Yes, when you export as PNG. JPG output is flattened to white.
What formula is used?
We linearly interpolate each channel toward the Rec. 601 luma so brightness stays perceptually stable.
Related tools
Related image tools: You can also browse the full Image Tools category for more options.
Grayscale Image
Convert any image to black-and-white grayscale in the browser with adjustable intensity and instant PNG/JPG export
Pixelate Image
Apply a pixelation (mosaic) effect to any image with an adjustable block size — perfect for retro looks or quick redactions
Round Image Corners
Add rounded corners to any image with adjustable radius and transparent background — export as PNG
Flip Image
Mirror any image horizontally or vertically in the browser with a single click and export as PNG or JPG
Rotate Image
Rotate an image by any angle (including free-form degrees) with transparent fill — fast, browser-based
Resize Image
Resize any image to exact pixel dimensions or a percentage, with optional aspect-ratio lock and instant PNG/JPG export
Crop Image
Crop any image to a custom rectangle with precise pixel coordinates or preset aspect ratios — client-side only
Image to Base64
Convert local image files into Base64 text ready to paste into email, JSON payloads, or data URLs
Base64 to Image Converter
Paste any Base64 data URL or raw Base64 string, auto-detect the MIME type, and preview plus download the image
Censor Image (Blur & Pixelate)
Redact sensitive areas of an image by drawing a rectangle and applying pixelate or blur — everything stays in your browser
Image Invert Colors
Invert colors of an image
Image Metadata Viewer
Inspect image dimensions, alpha support, and basic file metadata