Change the Colour Tone of an Image
Recolour every visible pixel to one colour while keeping the light and shade that make the image readable. Pick any hex and see it applied instantly.
Describe the edit — the AI assistant does it on the canvas.
2 free credits · No signup · ~10 seconds
Drop an image here
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
How a single colour tone is applied
One hue, all the shading
Each pixel keeps its original brightness and takes the hue you choose. Dark areas become dark versions of your colour and light areas become light ones, so the image still reads as an image rather than a flat silhouette.
Why brightness has to survive
Replacing every pixel with one flat colour would erase all the shading and leave an unreadable blob. Mapping the existing luminance onto the new hue is what keeps edges, depth and detail visible.
Single-colour brand marks
Most brand guidelines require a one-colour version of the logo for embroidery, engraving, stamping and single-ink print. This produces that variant from the full-colour original without redrawing it.
Transparency is preserved
Only visible pixels are recoloured. Transparent areas stay transparent, so a cut-out logo keeps its shape and drops onto any background.
Tone versus hue rotation
A colour tone forces the whole image onto one hue, so every original colour ends up as a shade of it. A hue shift rotates all colours together and keeps them distinct from each other. Use a tone when you want unity, and a hue shift when you want to keep the relationships.
How to change the colour tone of an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. The original stays on the left.
Pick your colour
Choose a hex value in the colour picker. The whole image is remapped onto that colour immediately, with shading intact.
Download
Take a free preview, or download the full-resolution file with one credit. Transparency is kept.
Where a one-colour image works
One-colour logo variants
Produce the single-ink version your brand guidelines ask for, in the exact brand hex.
Embroidery and engraving
Both processes work in one colour. Preview how the mark will look before it is stitched or cut.
Stamps and seals
Force a scanned mark onto a single ink so it looks like a real rubber stamp.
Tinted imagery
Pull photographs onto a brand colour so a page of mixed images looks like a set.
Used by designers, indie devs & students 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
Related Tools
Guides worth reading
How to Make a Vector Logo (and When You Actually Need One)
What vector really means, the three honest routes from where you are now, when auto-tracing works, and how to check the result is genuinely vector.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Change a Logo Color in Canva (4 Methods, Step by Step)
How to recolor a logo in Canva: the toolbar colour tiles, uploading an SVG so they appear, Duotone for flat PNGs — and the export settings that ruin it.
Change your image colour tone
Upload, pick a colour, and download the recoloured file.