Color correction.
Drop a photo and move the sliders: brightness, contrast, saturation, hue, warmth and tint, with the result beside the original. Everything runs in your browser.
Color correction.
Need the UI around it? With Pro, your AI agent builds the form, the result card and the rest of the page from a prompt.
Get ProHow it works
3 steps, no account. It runs in your browser and nothing is uploaded.
Add a photo
Drop a JPG, PNG, WebP, GIF or AVIF onto the page.
Move the sliders
Brightness, contrast, saturation, hue, warmth and tint; the result updates as you go.
Compare and download
Compare the two panes, press Reset to go back, and download the photo, or every photo as a ZIP.
Related tools
More image tools. Every one free, in the browser.
Pricing
Build it with Pro
The tool is free. Pro adds 6,000+ blocks, premium templates and the MCP server, so your AI editor builds the product around it.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
Questions and answers
Before you trust the result: what to know about the format, the limits, your data and the tools next to it.
Brightness scales every channel. Contrast stretches values away from mid gray or squeezes them toward it. Saturation moves each pixel toward or away from its own gray. Hue turns every color around the wheel by the same angle. Warmth adds red and removes blue, or the reverse; tint adds magenta or green. Each runs over the pixels in that order, the way a photo editor's basic panel does.
A photo that looks blue or orange is a white-balance miss: slide Warmth the other way until whites look white, then touch Tint if a green or magenta cast remains. Then set the exposure with Brightness, bring back punch with Contrast, and keep Saturation modest; a little goes a long way.
The adjustments are applied to the full-resolution pixels, not to a preview. By default the photo keeps its format: a JPEG is written again at quality 92, which is hard to tell from the original, and a PNG stays lossless. Choose PNG under Format when you'll edit the result again.
Clipping. Values past white or below black are cut off and the detail there is gone, which is the harsh look. Pull Brightness back toward 100 and use Contrast instead, which keeps the midtones in range.
No. The pixels are read from the canvas, adjusted in JavaScript and written back in your browser. The page makes no request with the image.
A few milliseconds for a screenshot and about a second for a 20-megapixel photo, since every pixel is touched. The preview waits briefly after each slider move so it doesn't recompute on every step.
Press Reset in the bar: every slider returns to neutral and the result matches the original.
No. The "Color correction" tool is free and opens without a sign-in, an account or an install.
Nothing. The "Color correction" tool holds your input in the page's memory, so closing or reloading the tab clears it, and it saves nothing in this browser.
Brightness runs from 0 to 200, saturation from 0 to 200, contrast, warmth and tint from -100 to 100, and hue from -180 to 180 degrees. The middle of each range is no change.
Same keeps the photo's format: a JPEG comes back as a JPEG at quality 92, a PNG as a lossless PNG. JPEG, WebP and PNG are there too, with the quality slider for the lossy two. The file is named after yours with -corrected added.
Yes. Drop several files at once or add more with Add images; the strip under the preview picks which one is shown, and Download all as ZIP corrects every file with the same settings, one after another.
Yes. The result sits beside the original while you move the sliders, and the Reset button returns every slider to neutral.
Closest to the "Color correction" tool: Color converter, Image compressor, Image converter, Background remover. Each opens on its own page, free and in the browser.
The "Color correction" tool is one of 18 in its group. The group's page, /tools/image, lists them all.
The tool is free. Its interface is built from shadcn.io's own components (Button, Input, Slider and the rest of the registry under /ui), which come in React, Vue, Svelte and Solid. Pro adds the blocks and templates for the product around it.
4.9 out of 5 from 150+ developers
Build the product around it
Every block, template and icon, installed by your AI agent in your theme. The tools stay free.
Get Pro




