Duotone Effect
Recolor a photo with a two-tone shadow/highlight gradient — pick your colors, adjust brightness and contrast, entirely in your browser.
Input
Processed entirely in your browser — the image is never uploaded to a server.
Output
Your edited image will appear here.
Guides
Give a photo that bold, editorial two-tone look — the Duotone Effect tool maps your image's shadows and highlights onto two colors you choose, with separate controls for brightness and contrast, so you can go from a subtle tint to a striking poster-style remap.
How it works
Upload an image, then set four options:
- Shadow Color — the color that replaces the darkest tones in the image.
- Highlight Color — the color that replaces the brightest tones.
- Brightness — lightens or darkens the image before the duotone colors are applied, shifting which areas read as shadow versus highlight.
- Contrast — pulls shadows and highlights further apart or flattens them, also before the duotone colors are applied.
Under the hood, the image is first converted to grayscale, then brightness and contrast are adjusted, and finally every gray value is remapped along a gradient running from your shadow color to your highlight color. The result renders instantly as you adjust the controls. You can download the result as an SVG file, or copy its source markup directly.
Tips
- High-contrast color pairs (a dark navy shadow with a bright amber highlight, for example) give the most striking, poster-like effect; closer-value pairs read as a subtler tint.
- Raising contrast a bit before applying the duotone colors — the default is +10 — tends to give a punchier separation between the shadow and highlight tones.
- The downloaded SVG stays crisp at any size since it's a vector wrapper around your original image — resizing it doesn't lose quality the way a rasterized export would.