Image Vibrance Adjuster
Adjust image vibrance in your browser, preview stronger or softer colors, and download a PNG. Processing takes place locally in your browser.
Start using
How vibrance differs from simple saturation
This tool adjusts RGB channel distances from their arithmetic mean. The correction is weighted by the largest channel’s distance from that mean; each channel’s final change also depends on its own distance from the mean. It does not analyze skin, recognize objects, use a local mask or work in a perceptual color space.
Check a concrete example
For an opaque source pixel RGB(100,150,200), strength 100 gives RGB(60,150,240) after byte rounding. At the same strength, simple saturation would give RGB(50,150,250). Strength -100 gives RGB(140,150,160), so the negative endpoint does not necessarily produce gray.
Calculation
Let avg=(R+G+B)/3 and q=(amount/100)*(1-(max(R,G,B)-avg)/255). Each channel becomes avg+(channel-avg)*(1+q), then is rounded and clamped to an 8-bit value. The pixel operation retains alpha; browser decoding and canvas transport still determine the rendered pixels.
Regenerate from the source
Each run starts from the retained source image, rather than repeatedly modifying the previous result. Strength zero leaves its decoded RGB values unchanged. This does not restore the original file bytes or metadata, and Clear removes the loaded source.
Limits
Strong adjustments can clip channels at 0 or 255 and change perceived brightness. The output is a still PNG with the source dimensions. Animation, original metadata and exact color-profile preservation are not promised. There is no batch selector on this page; retain the original and compare vivid regions before downloading.
Processing takes place locally in your browser.