About the Duotone Image Generator
Duotone — mapping an image's shadows to one color and its highlights to another — is a striking, editorial photo effect popularized by album covers and modern brand photography, and it's normally something you'd need Photoshop's Gradient Map tool to achieve. This generator recreates that same effect entirely in the browser: upload a photo, pick your two colors, and get a genuine duotone image back, ready to download.
How it works
The uploaded image is first converted to grayscale to establish a pure lightness map, ignoring its original color information entirely. Each pixel's lightness value is then used to interpolate between your two chosen colors — the darkest pixels are mapped fully to your shadow color, the brightest pixels fully to your highlight color, and every value in between is blended proportionally, exactly mirroring how a gradient map duotone effect works in professional image editing software.
Common use cases
- Creating bold, on-brand duotone photography for a landing page hero image
- Producing a consistent visual treatment across a set of otherwise mismatched stock photos
- Designing an album cover, poster, or social media graphic with an editorial duotone look
- Turning a busy, colorful photo into a simplified two-color image that won't compete with overlaid text
- Quickly previewing several color combinations on the same photo before settling on a final brand treatment
Tips for best results
Choosing two colors with a strong lightness difference between them — a dark, saturated shadow color paired with a light, bright highlight color — produces the most striking and legible duotone results, since the effect relies on that lightness range to preserve the original image's detail and contrast. Photos with clear, well-defined light and shadow areas to begin with (strong directional lighting, clear silhouettes) tend to translate into duotone far more successfully than flat, evenly lit images, where the effect can look muddier.
Frequently asked questions
A simple tint applies one color uniformly over an entire image, which flattens contrast. Duotone instead maps two different colors across the image's full tonal range — one for shadows, one for highlights — which preserves the original photo's light and dark detail while completely replacing its color.
No — the effect works purely from the image's grayscale lightness values, so a duotone image with the same two colors will look essentially identical whether the original photo was in color or already black and white.
This tool implements the classic two-color duotone effect specifically. A three-or-more color version (sometimes called tritone or quadtone) uses the same underlying gradient-map concept but isn't currently supported here.
No — the entire duotone conversion happens locally in your browser using canvas pixel manipulation. Your image is never uploaded anywhere, which is particularly useful for previewing effects on unpublished photography.
The processed duotone image downloads as a PNG file, which preserves full quality with no additional compression artifacts beyond what the browser's canvas export applies.