Replace Any Color in Your Images
Click any color and swap it instantly. Perfect for product mockups, brand consistency, and creating design variations. Works with complex images and gradients.
Describe the edit — the AI assistant does it on the canvas.
Click a color and swap it for any other.
What You Should Know
Click a color — everything similar changes with it
The tool captures the exact color you click, then replaces all pixels that fall within a tolerance range around that color. Edges, shadows, and neighboring hues stay untouched — which is what makes it safe for logos. You swap one specific color family without affecting anything else in the image.
Targeting one hex, not shifting everything
Color Adjustment moves every color in the image — it shifts hue, saturation, and brightness globally. Color Replacement targets a specific color and leaves the rest alone. If you know the exact color you need to change — your brand blue, a product color, a background that strayed off-brand — use this tool, not Color Adjustment.
One photo shoot, every color variant
If you sell a product in five colors but only photographed one, you can produce all five variants by replacing the product color each time. It works cleanly on flat surfaces — plastic, powder-coat, solid fabric. Complex textures and gradients don't replace predictably because the 'color' there is really lighting variation rather than a consistent hue.
Tolerance — How Precise Does the Replacement Need to Be?
Low Tolerance (5–15)
Surgical — exact matches only
- Only replaces pixels very close to the target hex
- Best for clean, flat logo colors
- Leaves anti-aliased edges mostly untouched
- Right for designs where exact color separation matters
Logos with flat solid colors, digital illustrations, brand assets
Scanned logos or images where color isn't perfectly uniform
High Tolerance (30–60)
Broad — captures similar shades
- Captures a wider range of similar-toned pixels
- Handles scanned logos where one "color" varies slightly
- Good for product photos shot under different lighting
- Anti-aliased edges and gradients blend more smoothly
Scanned logos, product photography color variants, illustrations with shading
Logos with two similar colors where you only want to change one
How to Replace a Color in an Image
Upload your image
Load a PNG, JPG, or WebP onto the canvas.
Open Color Replace
Choose the Color Replacement tool from the toolbar.
Pick and swap
Click the color to change with the eyedropper, then choose its replacement.
Download
Export the recolored image in full quality.
What You Can Recolor
Product Variants
Show the same product in every available color from one photo.
Brand Consistency
Recolor graphics to your exact brand hex values.
Apparel Mockups
Preview a design on multiple garment colors instantly.
Illustrations
Re-theme flat artwork without opening a vector editor.
Example Images to Recolor
Flat, solid-color surfaces replace cleanly. Upload any of these types and try swapping the color.
E-commerce variantFlat red sole and upper replace in seconds. Tolerance 15–25 covers the full color without bleeding into the white sole edge.
Apparel mockupSolid fabric colors swap cleanly. Complex folds and shadow gradients stay untouched — the hue shifts but the shape holds.
Product recolorSolid ceramic surfaces are ideal — one click targets the whole body. Use tolerance 10–20 to keep the handle and rim separate.
Color Replacement — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Three Framer plugins — Image Color Changer, AI Logo Generator and Image Background Removal.
See all threeUsed by marketers and founders at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Common questions about our color replacement tool
Related Tools
Guides worth reading
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
How to Remove a Background in Photoshop (5 Methods, Ranked by What You're Cutting)
Remove Background, Select Subject, Select and Mask, the Pen tool and the Channels trick — which one suits hair, which suits a hard-edged logo, and how to kill the halo the automatic methods leave behind.
Every Brand File You Need Before Launch (A Founder's Checklist)
The logo variants, favicon sizes, OG image and social crops a new company actually gets asked for in its first month — what each one is, why it exists, and how to produce it from one file.
Ready to Swap Colors?
Set the tolerance yourself instead of hoping a filter guesses right. Free to edit and preview.