Adjust Brightness, Contrast & Saturation

Three sliders, live preview, no upload. Fix dark photos, boost colors, or dial back the intensity. Everything runs in your browser.

Drag an image here, or click to browse

JPG, PNG, WebP supported

How to adjust your image (about five seconds)

Drag a slider, see the result, download. That is the whole process.

1

Drop your image

Drag any JPG, PNG or WebP onto the tool.

2

Adjust the sliders

Brightness, contrast and saturation all update the preview in real time.

3

Use Reset if you go too far

One click puts everything back to normal. Each slider also has its own reset.

4

Download

Saves as PNG at the original resolution.

The three sliders and what they actually do

Brightness controls the overall lightness of the image. Higher values make everything lighter, lower values make it darker. Think of it like adjusting the backlight on your monitor, except it changes the actual image data.

Contrast controls the difference between the darkest and lightest areas. Higher contrast makes darks darker and lights lighter. Lower contrast flattens everything toward the middle, giving a more muted look. Photos with haze or taken through glass often benefit from a small contrast boost.

Saturation controls how colorful the image looks. At 0% you get a grayscale image. At 100% the colors are unchanged. Above 100% the colors get more intense. Most photos from phone cameras already have boosted saturation, so going higher can look unnatural fast.

When you actually need this

Fixing underexposed phone photos is the most common one. You took a photo indoors and it came out too dark. A brightness boost of 20 to 30% plus a small contrast bump usually fixes it. No fancy editing software needed.

Preparing images for print is another use case. Monitors lie about brightness. What looks fine on screen often prints darker than expected. Bumping brightness to 110 to 115% before printing can compensate. Making screenshots look less washed out is a third common case. A slight contrast increase and saturation boost can make a faded screenshot look much sharper and more presentable.

Why 100% on every slider means no change

The scale is multiplicative. 100% means “the original value times 1.0” which changes nothing. 50% halves the value. 200% doubles it. This is a standard approach used by CSS filters and most image editors. It is intuitive once you know the baseline: 100% equals no change.

Clipping: the one way adjustments lose detail

Every pixel channel runs from 0 to 255. Brightness and contrast push values up or down, and anything pushed past 255 becomes plain white, while anything pushed below 0 becomes plain black. That is called clipping, and the detail in those areas is gone for good, in the adjusted file at least.

It shows first in skies, white walls and highlights on faces. If a bright area turns into a flat patch with no texture, you have gone too far. Back off until the texture returns, then use the compare button to check against the original.

Quick fixes for common problems

The photo looksTryWhy
Too darkBrightness 110 to 125 percentLifts everything evenly
Flat or hazyContrast 110 to 125 percentSeparates darks from lights
Dull coloursSaturation 110 to 130 percentStrengthens colour without changing brightness
Garish, especially skinSaturation 80 to 95 percentCalms colours that went too far
Too harshContrast 85 to 95 percentSoftens the gap between darks and lights

Small moves go a long way. Changes of 10 to 20 percent usually fix a photo, and anything past 150 percent tends to look processed.

Same result on every device

The adjustments are calculated on the image's pixels using the formulas from the web's own filter standard, rather than relying on a browser feature that some phones do not support. The preview is drawn at a smaller size so the sliders stay smooth, and the download is calculated again at full resolution. What you see is what you get, on a laptop or an iPhone.

Other tools you might need

Grayscale Image →Compress Image →Invert Colors →
From our researchHow Photo Filters Work: What Each One Does to PixelsWhat brightness, contrast and saturation actually do to each pixel, measured.

Frequently asked questions

Will adjusting brightness ruin my image quality?+
Not noticeably for moderate changes. Big adjustments, especially going very bright on a dark photo or vice versa, will reveal compression artifacts that were already there. The tool does not introduce new quality loss beyond what the adjustments themselves imply.
Why does the output look different from the preview?+
It should not. If it does, your browser may be applying color management differently to the canvas output vs the preview element. Try downloading and checking in a consistent viewer.
Can I undo individual adjustments?+
Each slider has its own reset button. Or use Reset All to go back to the original. The original image is kept in memory until you drop a new one.
Is there a before/after comparison?+
Yes. Press and hold the compare button under the preview to see the original, and let go to return to your adjusted version.
Does this work on RAW files?+
No. RAW camera files (.cr2, .nef, .arw etc) are not supported. Convert to JPG or PNG first and then adjust.
How do I compare my changes with the original?+
Press and hold the compare button under the preview. The original shows while you hold it.
Is the download full resolution?+
Yes. The preview is drawn smaller so the sliders respond quickly, and the download is calculated again at the original size.
What does clipping mean?+
Pushing brightness or contrast so far that areas turn plain white or plain black. The detail there is lost, so back off until texture returns.