Saturation & Vibrance in One Sentence
Boost or mute your colors with Saturation, make the boost smarter with Vibrance, and control intensity with Mix — all with a live preview and full-res export.
When to Use This Tool
This tool is ideal when:
- your photo looks flat or washed out
- colors feel dull after exposure/levels corrections
- you want a vivid thumbnail or social image
- you want to reduce overly strong colors for a softer look
- you need a safer way to boost color without wrecking skin tones
A common workflow is:
- fix tones (Levels / Brightness & Contrast)
- then adjust color intensity (Saturation / Vibrance)
How to Use
1. Add an image
Drag & drop, paste (Ctrl/⌘+V), or click to select JPEG / PNG / WebP.
2. Set Saturation
Saturation is the global color intensity control:
- 100% = original
- 0% = grayscale-ish (very muted)
- 120–180% = common “more vivid” range
- 200%+ = stylized / punchy (use with care)
3. Add Vibrance (optional)
Vibrance is selective and often feels more professional:
- +10 to +40 = natural boost
- +40 to +80 = strong, still often usable
- negative vibrance = soft, faded, “editorial” look
4. Blend with Mix
Mix is your realism knob:
- 100% = full effect
- 70–90% = clean, natural results
- 30–60% = subtle styling
5. Try Surprise Me
Click Surprise me ✨ to explore a wide range of looks (subtle, pop, muted, vintage, neon, etc.). It’s designed to be non-deterministic, so it won’t keep landing on the same settings.
6. Download
Export full resolution in the original format. Filenames include your settings, e.g.
image-sat-175-vib-25-mix-090.jpg
Controls Explained
Saturation (0–500%)
Saturation scales how far each pixel’s color is from gray.
- higher saturation increases color separation
- lower saturation moves colors toward neutral gray
Tip: If you want “better color” rather than “more color,” start with Vibrance and keep Saturation closer to 100–160%.
Vibrance (–100 to +100)
Vibrance boosts low-saturation pixels more than high-saturation pixels.
Why it’s useful:
- protects already-saturated colors from becoming neon
- often keeps skin tones more believable
- brings life back to flat areas (sky, walls, fabric) without nuking everything
Negative vibrance is also great for:
- editorial / matte looks
- reducing harsh digital color
Mix (0–100%)
Mix blends the adjusted result with the original.
This is the fastest way to “dial it in” after you find the vibe:
- too strong? reduce Mix
- not enough? increase Mix before changing everything else
Quick Recipes
Natural boost (most photos)
- Saturation: 110–160%
- Vibrance: +10 to +40
- Mix: 80–100%
Pop for thumbnails / socials
- Saturation: 150–240%
- Vibrance: +25 to +70
- Mix: 85–100%
Soft, muted editorial
- Saturation: 60–100%
- Vibrance: –10 to –55
- Mix: 70–100%
Vintage-ish fade
- Saturation: 70–140%
- Vibrance: –20 to –60
- Mix: 60–90%
Neon / stylized
- Saturation: 220–450%
- Vibrance: +30 to +100
- Mix: 55–95%
Use Mix as the safety valve.
Best Practices
1. Fix exposure first
If shadows/highlights are off, saturation edits can look messy. Do Levels first, then color.
2. Prefer Vibrance for “pro” edits
Vibrance is usually the easiest way to get a pleasing boost without overshooting.
3. Use Mix instead of lowering Saturation too much
If you like your saturation/vibrance combination but it’s too intense, reduce Mix before changing the core values.
4. Watch noise and compression
Saturation boosts can amplify:
- JPEG blockiness
- banding in skies
- sensor noise in shadows
If that happens:
- reduce saturation slightly
- increase vibrance instead (often cleaner)
- reduce mix to soften artifacts
Common Problems and Fixes
“Skin tones look orange / too intense.”
- Lower Saturation
- Lower Mix
- Use a smaller Saturation boost and rely more on Vibrance
“Colors look neon or clipped.”
- Reduce Saturation first
- Reduce Mix
- Keep Vibrance high only when you intentionally want neon
“It still feels flat.”
- Check Levels/contrast first
- Try a small increase in Saturation (110–140%) plus Vibrance (+10–30)
How It Works
The tool adjusts pixel colors in RGB space:
- Saturation moves pixels toward/away from a luminance-based gray
- Vibrance boosts low-saturation pixels more than already-saturated ones
- Mix blends the adjusted result over the original image
Preview is rendered with a size cap for speed, while Download exports full resolution.
