How to Color Grade Photos Online (No Lightroom or Photoshop)

You don't need Lightroom, Photoshop, or a desktop install to color grade a photo properly. A modern browser can run the same core toolset a colorist uses — tone curves, three-way color wheels, HSL secondaries — on your own image, locally, without uploading it to a server.

This guide walks through a full grade in Luttie, start to finish. The workflow takes about five minutes once you've done it twice.

What "color grading" actually means (vs. color correction)

Color correction fixes problems: white balance, exposure, a color cast from mixed lighting. Color grading is the creative pass on top — the teal shadows, the lifted matte blacks, the golden-hour warmth. Correct first, grade second. If you grade on top of a broken white balance, every choice you make is fighting the cast underneath.

Step 1 — Open your photo in the editor

Go to luttie.app/editor and drop in a JPEG or PNG. Everything is processed on your device — the photo never leaves your machine.

Shooting RAW? Luttie Pro decodes ARW, CR2/CR3, NEF, DNG, and RAF directly in the browser — see the RAW editor for the format list.

Step 2 — Correct: white balance and exposure

In the Basic section:

1. Temperature and tint — find a neutral in the frame (white shirt, grey pavement) and adjust until it reads neutral. Cooler than reality reads clinical; warmer reads nostalgic. Neutral is your safe baseline.
2. Brightness and contrast — set overall exposure so skin and sky both hold detail.
3. Blacks and whites — pull blacks down until shadows have weight, and keep whites just short of clipping.

If you're unsure about your monitor or your eye, sanity-check against the skin tone reference — skin is the first thing viewers notice when a grade is off.

Step 3 — Shape the tone with curves

Open RGB Curves. Two moves cover most looks:

• Gentle S-curve on the master channel — pull down slightly around 25% input, lift slightly around 75%. Adds contrast without crushing anything.
• Lifted black point — drag the bottom-left point of the master curve up a few percent for a matte, film-like fade.

Per-channel curves are where color character lives: lifting the blue channel's shadows cools them; pulling it down warms them. Small moves — 2–5% — read as intentional. Big moves read as broken.

Step 4 — Grade with the color wheels

The Color Wheels section gives you independent hue/saturation control over shadows, midtones, and highlights — the same three-way model as DaVinci Resolve's primary wheels.

The classic starting point is a complementary split: push shadows toward teal (hue ~195°, saturation under 20%) and highlights toward orange (hue ~38°, saturation ~10–15%). Skin sits in the orange range, so this contrast flatters faces almost universally — which is exactly why every blockbuster uses some version of it. Keep saturation low; a subtle split reads "cinematic," a heavy one reads "filtered."

Want to experiment with the combinations first? The split-tone preview tool lets you audition shadow/highlight pairs before committing.

Step 5 — Isolate colors with HSL secondaries

If one color needs attention — a sky that's too cyan, foliage that's too yellow — use HSL Secondary to select just that hue range and adjust its temperature, saturation, or luminance without touching the rest of the frame. This is the tool that separates "applied a filter" from "graded the image."

Step 6 — Optional: film effects

Grain, halation, and bloom (Pro features) sit on top of the grade and do a lot of the "shot on film" feel: fine grain at low amount, a touch of halation on warm highlights. See film effects for what each one does.

Step 7 — Export

Export the graded photo as PNG or JPEG with a free account. Pro removes the watermark — and if you want to reuse the look, exports the entire grade as a .cube LUT you can apply to other photos, or to video in Premiere Pro, DaVinci Resolve, or Final Cut.

Faster starting points

Building from scratch is the best way to learn, but you don't have to:

• LUT presets — audition built-in cinematic looks in one click, then adjust.
• Color match — upload a reference image you love and let Luttie derive the grade automatically (Pro).
• AI Grade — describe the look in words ("warm 90s film, soft highlights") and start from what it generates.

Common mistakes

1. Grading before correcting. Fix white balance first, always.
2. Over-saturating shadows. Shadow color should be felt, not seen — under 20% saturation.
3. Ignoring skin. If faces look wrong, the grade is wrong, whatever the mood is doing.
4. Judging on one image. Apply the finished look to two or three different photos before deciding it works.

The whole workflow runs at luttie.app/editor — no install, no subscription required to start grading.