Image Vibrance Adjuster
FreeBoost or reduce color vividness in an image while protecting already-vivid colors and grays, unlike a flat saturation change.
Runs entirely in your browser. Your image is never uploaded anywhere.
Click to choose an image, or drag and drop one here
Recent Activity
Visible to everyone. Last 20 uses across all visitors, newest first.
No activity yet. Be the first.
What this tool does
Boosts (or reduces) the vividness of colors in an image with a single slider, protecting already-vivid colors and gray/white areas from being pushed too far, unlike a flat saturation adjustment.
How It Works
Each pixel is converted to HSL (hue, saturation, lightness). If its saturation is already 0 (a gray or white/black pixel with no color), it is left completely alone, since there is no color to amplify and its hue value is a meaningless placeholder. Otherwise, the saturation is adjusted using the formula newSaturation = saturation + amount × saturation × (1 − saturation), where amount is your chosen vibrance percentage. This shape means the boost is 0 at saturation 0 and 0 at saturation 1, and peaks at saturation 0.5, so moderately-colored pixels change the most while gray pixels and already-vivid colors are protected. Hue and lightness are never touched, only saturation, before converting back to RGB.
Problems it solves
- Making a flat, dull-looking photo more colorful without oversaturating skin tones or already-bold colors.
- Toning down an overly colorful photo while keeping neutral tones (grays, whites) exactly as they were.
- Getting a more natural-looking color boost than a basic saturation slider provides.
Frequently asked questions
›How is vibrance different from saturation?
A plain saturation adjustment multiplies every color's vividness by the same factor, so already-vivid colors get pushed the hardest and can quickly clip to garish, oversaturated blocks. Vibrance instead boosts moderately-colored areas the most while leaving already-vivid colors largely untouched, which tends to look more natural and is much less likely to blow out skin tones or colors that were already rich.
›Why don't gray or white areas of my photo change at all?
A pixel with zero saturation has no hue information, it is not "a very unsaturated color," it is simply colorless. Vibrance only amplifies existing color, so pixels with no color to begin with are correctly left completely unchanged rather than being tinted with an arbitrary color.
›Can vibrance make colors less vivid too?
Yes, drag the slider below 0% to reduce vibrance instead of boosting it. The same protective curve applies in reverse: moderately-colored areas are desaturated the most, while already-vivid colors and grays are affected the least.
›Why do two colors with saturation on opposite sides of "medium" sometimes get the same boost?
The boost curve is shaped like a symmetric arc that peaks at medium saturation and tapers off toward both fully gray and fully saturated, so a mildly-colored pixel and a strongly (but not maximally) colored pixel positioned at mirrored distances from the middle can receive an equal amount of boost. This is what keeps the effect smooth and predictable rather than applying an arbitrary cutoff.
›Is my photo uploaded anywhere?
No. The adjustment is computed and rendered entirely in your browser using the HTML canvas API. Nothing is sent to a server.
Related Tools
Image
Bulk Batch Adjust Gamma Image
Apply the same gamma correction to many images at once, right in your browser.
FreeImage
Adjust HSL Image
Shift hue, saturation, and lightness on an image with live sliders, right in your browser.
FreeImage
Bulk Batch Adjust HSL Image
Apply the same hue, saturation, and lightness adjustment to many images at once, right in your browser.
FreeImage
Add Text To Image
Add one or more custom text captions onto an image, right in your browser.
Comments (0)
Found this tool useful? Leave a comment, share a tip, or tell us how we can make it better.
No comments yet. Be the first to share your thoughts!