Previous: Web Export

Color guide

Fix Brightness, Contrast, and Color Balance in Photos.

Correct flat, dark, or color-shifted images with a simple order: exposure, contrast, color balance, saturation, and final review.

OnWebPS tutorial interface for Color Correction

Overview

Color correction should make the photo easier to read and more believable. It is different from creative filtering. Correction solves problems first: too dark, too flat, too warm, too cool, or too dull.

Before you start

Use a copy of important images, keep reusable elements on separate layers, and decide the final destination before choosing crop, size, and export format.

Visual guide for Color Correction in OnWebPS
Color Correction workflow reference for this tutorial.

Start with brightness

If the image is too dark, raise brightness gradually. Watch the highlights so bright areas do not turn into empty white patches. If the image is too bright, lower brightness until important detail returns.

In OnWebPS, keep the workflow practical: work on a duplicate when the change is risky, compare the edited result with the original, and export only after checking the image at the size where people will actually see it.

Then adjust contrast

Contrast controls the difference between light and dark. A small increase can give a flat image more structure. Too much contrast can crush shadows and make skin or product detail look harsh.

In OnWebPS, keep the workflow practical: work on a duplicate when the change is risky, compare the edited result with the original, and export only after checking the image at the size where people will actually see it.

Balance color temperature

A photo taken indoors may look yellow, while shade may look blue. Use color balance or related adjustments to bring neutral areas closer to neutral. Do this before increasing saturation.

In OnWebPS, keep the workflow practical: work on a duplicate when the change is risky, compare the edited result with the original, and export only after checking the image at the size where people will actually see it.

Use saturation carefully

Saturation makes colors stronger. It can help dull images, but too much creates unrealistic skin, food, and brand colors. Increase a little, compare with the original, and stop early.

In OnWebPS, keep the workflow practical: work on a duplicate when the change is risky, compare the edited result with the original, and export only after checking the image at the size where people will actually see it.

Review the full image

Zoom out and check whether the subject is clearer. Good correction should support the photo rather than announce itself. If viewers notice the correction more than the subject, reduce the adjustment.

In OnWebPS, keep the workflow practical: work on a duplicate when the change is risky, compare the edited result with the original, and export only after checking the image at the size where people will actually see it.

Concrete example

Example project: fixing a dark indoor product photo

Raise brightness until the product is visible, add a small amount of contrast, reduce the yellow cast, and compare with the original item color. The edit should make the product clearer without changing what it is.

Common mistake

Common mistake: increasing saturation first

Saturation cannot fix bad exposure. Correct brightness and contrast before making colors stronger.

Practical FAQ

What order should I use for color correction?

Brightness first, then contrast, then color balance, then saturation. Finish by checking the full image at final size.

Final checklist

  • Correct brightness first.
  • Add contrast modestly.
  • Fix color temperature before saturation.
  • Protect skin and product colors.
  • Compare with the original.

This guide is intentionally practical: repeat the same steps on a real image, compare the before and after result, and keep the version that communicates the task most clearly.