Duotone Image
Map an image's shadows and highlights to two colors for a striking duotone or tinted look.
Add images
PNG, JPG, WebP, HEIC, SVG — anything your browser can decode.
Choose an output
Map an image's shadows and highlights to two colors for a striking duotone or tinted look.
Fine-tune
Optional — sensible defaults are already set.
About Duotone Image
A duotone maps an image's dark tones to one color and its light tones to another, producing a bold two-color look common in posters, album art and brand campaigns. Pick the shadow and highlight colors and blend the effect with the original using the strength slider.
When it helps
- Making on-brand hero images and social graphics using your brand colors.
- Unifying a set of mismatched photos so they look consistent on a website.
- Creating striking poster or playlist cover art.
Tips
- Use a dark shadow color and a light highlight color. Two similar colors flatten the image.
- Images with clear contrast and a recognizable subject work best, since everything is reduced to brightness.
- Lower the strength to blend some of the original colors back in for a subtler tint.
Good to know
Quick answers about duotone image in your browser.
It's an image rendered using two colors, one for the shadows and one for the highlights, with blended tones in between.
Set the shadow color to your darker brand color and the highlight to the lighter one. Keep strength at 100% for the full effect.
Yes. There is no sign-up, no watermark and no limit on how many files you process.
No. Files are read and processed locally in your browser, so they never leave your device.
Related tools
Part of the Image Effects collection.