LuttieBefore & After Slider
Drag the divider to wipe between the original image and a graded version of it. Pick one of the built-in looks or load your own photo. Everything runs in your browser, so nothing is uploaded anywhere.
Cool shadows, warm highlights. The complementary split behind most blockbuster grades.
Why colorists check before and after constantly
Chromatic adaptation is the reason. Spend two minutes staring at a warm grade and your visual system quietly recalibrates what it considers neutral, so the warmth stops registering. Grade for another ten minutes on top of that and you push further in the same direction to get the same feeling. Wiping back to the ungraded image breaks the adaptation and shows you the actual distance you have travelled.
This is also why colour suites keep neutral grey walls and consistent bias lighting. The less your eye adapts to the room, the more reliable your judgement of the image. When you are grading on a laptop in an uncontrolled space, a before and after wipe does some of that work for you.
What to look for when you wipe
Skin tones
The first thing an audience notices and the first thing a heavy grade breaks. Skin should still read as skin, not as the look.
Black point
Check whether your shadows have been crushed to pure black. Detail lost here cannot be recovered downstream.
Highlight roll-off
Clipped highlights turn to flat white patches. A good grade compresses them rather than cutting them off.
Neutral objects
Whites, greys, and concrete reveal colour casts you stop seeing after a few minutes of grading.
Saturation drift
Compare the most saturated object in frame. Cumulative saturation is easy to add and hard to notice.
The looks in this tool
Each preset represents a direction rather than a finished grade. Teal and orange pushes shadows cool and highlights warm, exploiting the fact that skin sits in the orange range. Warm film and faded matte both lift the black point, which is what separates a photochemical feel from a digital one. Bleach bypass strips saturation while raising contrast, imitating a lab process where the silver is retained. Monochrome is the most useful diagnostic of the set: with colour removed, weak tonal separation becomes obvious.
Before and after in your editing software
| Software | How to toggle the grade |
|---|---|
| DaVinci Resolve | Ctrl/Cmd + D disables the current node, or Shift + D bypasses all grades |
| Premiere Pro | Toggle the fx badge on the Lumetri Color effect in the Effect Controls panel |
| Final Cut Pro | Press V to disable the selected colour correction in the inspector |
| Lightroom | Backslash toggles the before and after view of all edits |
| CapCut | Tap and hold the preview to temporarily show the original clip |
Frequently asked questions
Is this before and after slider free?
Yes. Comparing images with the slider is completely free and needs no account. You can use the built-in sample photos or upload your own. Exporting a .cube LUT of a grade you build in the Luttie editor is a Pro feature.
Does my image get uploaded to a server?
No. The comparison runs entirely in your browser using the HTML canvas API. Your photo never leaves your device, which also means the tool works on client footage you are not allowed to upload anywhere.
Are these the same looks Luttie exports as LUTs?
The looks here are simplified illustrations of common grading directions, not the exact maths of the Luttie editor. They exist so you can see how far a grade moves an image. To build a precise look and export it as a .cube LUT, open the editor.
Why does a before and after comparison matter when grading?
Your eyes adapt to a grade within about thirty seconds, so a look that felt subtle when you built it often reads as heavy-handed the next day. Wiping back to the original resets that adaptation and is the fastest way to catch an overcooked grade before you deliver it.
Build your own look instead of picking a preset.
Colour wheels, curves, and HSL secondaries, with a live before and after toggle.
Open the editor →