Duotone Image Generator
The duotone image generator turns any photo into a striking two-tone image by mapping its dark areas to one color and its light areas to another. This is the bold, Spotify-style look that works beautifully for posters, social posts, and editorial design.
Upload a picture, pick a shadow and a highlight color, and the duotone effect appears instantly in your browser. Fine-tune the result with intensity and contrast, compare it against the original, and download it — no Photoshop or design software needed.
How to Make a Duotone Effect
Upload your image
Click the upload zone or drag and drop a PNG, JPG, or WebP file. Any image size works.
Choose your colors
Pick one of the 12 presets, or set your own Shadow and Highlight colors with the color pickers or by typing hex values.
Adjust the effect
Use the Intensity slider to control how strong the duotone is, and the Contrast slider to sharpen the tonal separation. The preview updates in real time.
Compare and download
Toggle Before / After to check the result against the original, then choose PNG, JPG, or WebP and download at full resolution.
Features
Drag-and-Drop Upload
Add a PNG, JPG, or WebP image by clicking the upload zone or dragging a file straight onto it.
Custom Color Pairs
Choose any two colors for the shadow and highlight with the color pickers, or type exact hex values.
12 Built-In Presets
One-click duotone palettes including Spotify, Ocean, Sunset, Purple Haze, Navy, Coral, and more.
Swap Colors
Flip the shadow and highlight colors with a single click to instantly reverse the look.
Random Color Pairs
Click Random to generate a fresh shadow-and-highlight combination and discover unexpected palettes.
Intensity & Contrast Control
Blend the duotone with the original from 0% to 100%, and adjust contrast from -100 to +100 for tonal depth.
Real-Time Preview
Every color, intensity, and contrast change renders on the canvas instantly, so you can fine-tune as you go.
Before / After Compare
Toggle comparison mode and drag the slider to view the original and the duotone result side by side.
PNG, JPG & WebP Export
Download your duotone image as lossless PNG, smaller JPG, or modern WebP at the original full resolution.
Private by Design
All processing happens in your browser. Images stay on your device and are never uploaded or tracked.
Frequently Asked Questions
What is a duotone image?
A duotone image is a photo recolored with just two tones: a shadow color that fills the dark areas and a highlight color that fills the bright areas, with a smooth blend in between. The technique creates a bold, graphic look made famous by Spotify-style cover art.
How do I make a duotone effect online?
Upload an image, choose a preset or set your own shadow and highlight colors, then adjust the intensity and contrast until you like the result. The effect renders instantly in your browser — there is nothing to install and no sign-up.
Which two colors work best for a duotone?
A dark shadow color paired with a brighter, more saturated highlight usually gives the cleanest contrast. Start with one of the 12 presets, then use Swap to reverse the pair or Random to explore new combinations until it fits your image.
What is the difference between shadow and highlight colors?
The shadow color replaces the dark areas of your image and the highlight color replaces the bright areas; together they form the two-tone effect. Use the Swap button at any time to trade the two colors and reverse the look.
Can I create a subtle tint instead of a strong duotone?
Yes. Lower the Intensity slider to blend the duotone with the original photo. At 50% you get a half-strength tint, and at 0% you see the original image, so you can dial in anything from a faint wash to a full duotone.
Do I need Photoshop to make a duotone?
No. This generator runs entirely in your web browser, so you can create a duotone effect without Photoshop or any other design software. Just upload, pick your colors, and download.
What formats can I download, and will the size stay the same?
You can export as PNG, JPG, or WebP. The downloaded file keeps the exact dimensions of your original image — the preview is scaled to fit the screen, but the export is always full resolution.
Is my image uploaded to a server?
No. All processing is done locally in your browser using the Canvas API, so your images never leave your device and nothing is sent to a server.
No comments yet. Be the first to comment!