Three steps to recolor a photo
- Choose the color to change. Press Pick from image and click it. The tool averages a 5 × 5 pixel patch so a single noisy pixel doesn't throw it off. You can also type a HEX code.
- Choose the new color with the color picker or a HEX code.
- Adjust tolerance and edge softness until only the area you want has changed, then download the PNG.
Drag the divider across the image to compare before and after. The line under the image tells you what share of the picture changed, which is a quick way to spot a tolerance that's too wide.
What tolerance and softness mean
Every pixel is converted to OKLab, a color space where equal distances look roughly equally different. The tool measures how far each pixel is from the color you picked:
- Pixels closer than the tolerance change fully.
- Pixels within the extra edge softness band change partly, fading out. This avoids hard, jagged outlines around hair, fabric folds and anti-aliased edges.
- Everything else is left alone.
Differences in lightness count half as much as differences in hue and saturation. That way a red shirt in shadow and the same shirt in sunlight are still treated as "the same red", which is usually what you want.
As a rough guide, a tolerance of 5 to 10 suits a single, evenly colored object. Go higher for things with strong shading, such as a glossy car or velvet. Turn on Show affected area to see the selection in red over a dimmed photo; it's the fastest way to tune both sliders.
Keep shading or flat color?
Keep shading (the default) moves each selected pixel by the same amount the picked color moves: it rotates the hue, scales the saturation and shifts the lightness. Shadows stay darker than highlights, and texture such as fabric weave or wood grain survives. This is what makes a recolored sofa look like a real sofa in a different fabric.
Flat color paints every selected pixel the exact new color. It suits logos, icons, flat illustrations and screenshots, where you want the HEX code to match precisely.
One limit of Keep shading: going from a very dark color to a very light one (navy to pale yellow, say) can look washed out, because the dark areas are lifted by the same amount as everything else. Pick a target of similar lightness for the most natural result, or use several passes.
Changing more than one color
Press Keep this change and recolor another to lock in the current result. The recolored image becomes the new starting point and pick mode turns on again, so you can change a shirt, then the trousers, then the background. Undo kept changes goes back to your original photo.
Practical uses
- Trying a product in other colors before buying, such as paint, a car or a jacket.
- Matching brand colors in a photo or mockup. Pick the old brand color, type the new HEX, and use Flat color for logos.
- Fixing a color cast in one area, such as a green-tinged wall.
- Seeing a room in a different wall color. For walls specifically, the shading mode keeps light falloff realistic.
Limits worth knowing
- The selection is by color only, not by object. If the background contains the same color as your subject, it changes too. Raise the precision by lowering the tolerance, or edit in two passes.
- Very dark, very bright and gray areas carry little hue information, so recoloring them is less predictable. Near-gray source colors are shifted rather than rotated.
- Images are scaled down to 2,400 pixels on the long side to keep the sliders responsive. The download is the same size.
- PNG keeps transparency. Recolored photos are often larger as PNG than as the original JPEG; convert them afterward if size matters.
Privacy
The photo is decoded and edited inside your browser. It is never uploaded, and nothing is stored when you close the tab.
For a single color from a photo, use the color picker from image. To pull a whole palette, try palette from image.