Duotone Image Maker
Give a photo the modern duotone look used across album art, posters, and brand sites. Pick a shadow color for the darks and a highlight color for the lights, or start from a preset, and the whole tonal range is remapped onto a gradient between them. The preview updates as you change colors, and the download is rendered at full resolution. Everything runs in your browser, so the image never leaves your device.
How to make a duotone image
- Drop an image in, or click to browse.
- Choose a preset, or set your own shadow and highlight colors.
- Pick an output format and download the result.
Examples
Classic blue-to-pink duotone
A portrait with shadow #0b1a4a and highlight #ff8ad8
A magazine-style two-tone image at full resolution
Frequently asked questions
What is a duotone effect?
A duotone replaces the full color range of a photo with a blend between just two colors. The darkest areas take the shadow color, the brightest take the highlight color, and midtones blend smoothly between them.
Is my image uploaded anywhere?
No. The duotone is computed in your browser directly on the raw pixels. The image never leaves your device, so private photos stay private.
How are pixels mapped to the two colors?
Each pixel's perceived brightness (Rec. 709 luma) becomes a value from 0 to 1, then every channel is interpolated from the shadow color at 0 to the highlight color at 1. Black maps to the shadow color and white to the highlight color exactly.
Does the preview match the download?
Yes. The preview uses the exact same pixel math as the export, just on a smaller copy for speed. The downloaded file is rendered at full resolution.
Which file formats can I export?
You can save the result as PNG (lossless), JPEG, or WebP, no matter what format you started with. Transparency is preserved for PNG and WebP.
Related tools
Image Filters and Effects
Apply grayscale, sepia, invert, brightness, contrast, and saturation to an image with live preview. Free, private, and runs in your browser.
Image Color Palette Extractor
Extract the dominant color palette from any photo in your browser. Get ranked hex codes, copy as CSS variables, and download. Nothing is uploaded.
Image Converter
Convert images between PNG, JPEG, and WebP in your browser. Pick a background to flatten transparency, set quality, and download. Nothing is uploaded.
Add Border to Image
Add a colored border or frame around an image, with adjustable width and color. Live preview, runs in your browser, nothing uploaded.
APNG Detector
Check whether a PNG file is an animated PNG (APNG) in your browser. See the frame count, loop count, and dimensions read straight from the file. Private.
Blur Image
Blur a whole image or drag a box to blur a face, name, or address. Adjustable blur strength, live preview, runs in your browser. Nothing is uploaded.