Duotone Generator
Map a photo's shadows and highlights to two colors of your choice — the classic poster and album-cover look, rendered instantly in your browser.
Drop an image here
or click to browse · paste from clipboard (Ctrl+V)
One photo, two inks
This blue neon shot remapped to a midnight-and-neon pair — shadows become #1A1A2E, highlights become #E94560, and everything in between blends along the ramp.
#1A1A2E → #E94560 · exported as full-resolution PNG
What is a duotone effect?
Duotone reduces an image to two inks: one color for the shadows, one for the highlights, with everything in between blended along that ramp. Born in print, revived by Spotify's campaign art, it turns any photograph — even a mediocre one — into bold, poster-ready graphics with instant brand consistency. This generator maps each pixel's brightness onto your two chosen colors and exports a full-resolution PNG.
How to pick the two colors
A duotone lives or dies on the lightness gap between its two inks, not the hue gap.
- Shadow ink: dark and saturated. Deep navy, plum, forest, near-black brand colors — anything with real darkness. If your shadow ink is a midtone, the whole image turns to mud.
- Highlight ink: near-paper. Cream, pale pink, mint, light gray — something bright enough to read as "light". Pure white works but looks clinical; a slightly tinted highlight is what gives duotones their signature warmth.
- Test the pair as text first. If the two inks would fail as text-on-background in the Contrast Checker, they'll produce a flat duotone too — it's the same lightness math.
- Steal from your own photo. Run the image through the Palette Extractor, take its darkest and lightest colors, and nudge them toward your brand.
What duotones are actually for
Beyond looking good, duotone solves a real production problem: mismatched photography. Ten photos from ten sources — different lighting, different color casts — become a coherent set the moment they share two inks. That's why the technique owns music posters, event branding, and content thumbnails: it manufactures consistency. It also survives compression beautifully (two-color images have gentle gradients and few surprises) and stays legible for most color-vision deficiencies, since it encodes the image in lightness rather than hue — though it's still worth a pass through the Colorblind Simulator if the two inks are red and green.
Related tools & guides
- Photo Palette Extractor — Not sure which two inks to use? Extract the photo’s own palette first.
- Colorblind Simulator — Check that your two-color pair still reads for color-blind viewers.
- How to choose a color palette — Picking colors that survive being reduced to two.
Frequently asked questions
How do I choose good duotone colors?
Pick a dark, saturated shadow color and a light, warm highlight — high lightness contrast between the two is what keeps the subject readable. Complementary pairs (try the Harmony generator) give the boldest look; two steps from the same shade scale give the subtlest.
What images work best?
Photos with a clear subject and strong light/dark separation: portraits, architecture, product shots. Flat, evenly lit images produce flat duotones — raise the contrast before uploading if you can.
Is the downloaded PNG full resolution?
The effect is rendered at up to 2000px on the longest side — larger sources are scaled down to keep processing instant. Nothing is uploaded; the whole transform runs in your browser.