Adjust Image Saturation
Adjust Image Saturation applies saturate(n%) to the rendered image, with a default of 120%. Values above 100 intensify chroma and values below 100 reduce it. Zero or invalid input falls back to 100 in this implementation, so use Grayscale Image for guaranteed grayscale. Extreme saturation can clip colors and move them outside intended brand or print appearance.
Runs locally — files stay on your deviceDoes entering 0% remove all color here?
No. Because zero is treated as a missing numeric value, the code falls back to 100%.
Saturation changes colorfulness without a perceptual guarantee
A display filter changes rendered channel relationships. It is not a calibrated HSL edit, gamut mapper, vibrance control, or selective-color tool.
How it works
Canvas assigns saturate(percent), draws the bitmap once, and exports a full-size PNG.
Key concepts
Zero fallback is implementation-specific
The page's numeric default replaces 0 with 100.
Global saturation treats all hues together
Already vivid colors can clip before muted areas look right.
When to use it
- Make a quick more-colorful derivative.
- Reduce color intensity.
- Compare a simple global saturation setting.
When not to use it
- Do not use zero for grayscale.
- Do not expect skin-aware vibrance.
- Do not rely on screen appearance as a print proof.
Worked examples
Default boost
- Input
120%- Expected output
More saturated PNG
The default adds color intensity.
Muted
- Input
50%- Expected output
Reduced saturation
Color differences move toward gray.
Zero
- Input
0%- Expected output
Neutral 100% result
Use the grayscale tool instead.
Common mistakes
Expecting grayscale at zero
The code falls back. Correction: Use Grayscale Image.
Over-saturating skin
There is no selective protection. Correction: Use moderate values or a targeted editor.
Ignoring gamut
Display and print can clip differently. Correction: Use a color-managed workflow.
Best practices
- Use moderate adjustments.
- Check skin tones and brand colors.
- Keep a source master.
Related operations and differences
Adjust Image Contrast
Choose Adjust Image Contrast when you need to increase or decrease image contrast.; use Adjust Image Saturation specifically for saturation.
Add Text Watermark to Image
Choose Add Text Watermark to Image when you need to place a text watermark in the lower-right corner.; use Adjust Image Saturation specifically for saturation.
Adjust Image Brightness
Choose Adjust Image Brightness when you need to increase or decrease image brightness.; use Adjust Image Saturation specifically for saturation.
Crop Image
Choose Crop Image when you need to crop an image to an exact local pixel rectangle.; use Adjust Image Saturation specifically for saturation.
Flip Image Horizontally
Choose Flip Image Horizontally when you need to mirror an image from left to right.; use Adjust Image Saturation specifically for saturation.
Flip Image Vertically
Choose Flip Image Vertically when you need to mirror an image from top to bottom.; use Adjust Image Saturation specifically for saturation.
Limitations and privacy
- Global canvas saturate filter.
- Zero/invalid becomes 100%.
- No vibrance, hue selection, masks, gamut warnings, preview, or print profiles.
Selected images are decoded and processed locally in this browser.
Frequently asked questions
What is neutral?
100%.
Does 0% work as grayscale?
No.
Can one color be adjusted?
No.
Is output PNG?
Yes.