Image Duotone

What is a duotone effect?

A duotone is an image that uses exactly two colours — a shadow colour and a highlight colour — to reproduce the full tonal range of the original. Dark areas of the image take on the shadow colour, bright areas take on the highlight colour, and midtones blend between the two. The result is a striking, stylised look that retains the structure of the photograph while replacing its natural colours with a deliberate two-colour palette. Duotone originated in print, where it was achieved by overprinting two ink colours, but today it is a staple of digital design.

This tool runs entirely in your browser. When you upload an image, it is decoded through the Canvas API. As you change the shadow or highlight colour, the tool converts each pixel to grayscale, then maps the gray value to a point on the gradient between the shadow and highlight colours. A dark pixel (gray near 0) gets the full shadow colour, a bright pixel (gray near 255) gets the full highlight colour, and everything in between is a linear blend. The preview updates instantly, and the result can be downloaded as a PNG file.

Duotone design trends

Duotone has become one of the most recognisable visual trends in modern web and graphic design. It is widely used for hero images, poster art, album covers and social media graphics because it creates a bold, unified look from any photograph. Popular colour combinations include deep blue with warm orange, dark green with bright yellow, and dark purple with hot pink. The key to a good duotone is choosing two colours with enough tonal separation that the image detail is preserved — if both colours are too similar in brightness, the result looks flat.

When to use duotone

Duotone is useful whenever you want to give a photograph a strong, branded colour identity. Common use cases include:

Duotone vs grayscale

Duotone is useful whenever you want to give a photograph a strong, branded colour identity. Common use cases include:

• Hero and banner images. Create visually striking website headers that match your brand colours.
• Poster and album art. Turn a photo into a poster-ready artwork with a limited, high-impact palette.
• Social media graphics. Generate cohesive, on-brand visuals for Instagram, Twitter and Facebook posts.
• Background images. Duotone backgrounds sit behind text more comfortably than full-colour photos because they have fewer competing colours.
• Print and editorial. Reproduce the classic two-ink print look for magazines, brochures and book covers.

Whenever you need a photograph to feel cohesive, branded and visually bold, duotone is the go-to effect.

How to create a duotone image

Creating a duotone image with this tool takes only a few seconds and runs entirely in your browser — no uploads, no sign-up, no watermark. Follow these steps:

1. Upload your image. Click the upload area or drag and drop a JPG, PNG, WebP, GIF or BMP file.
2. Choose your colours. Pick a shadow colour (for dark areas) and a highlight colour (for bright areas). Try complementary colours for maximum impact.
3. Download the result. Click "Download Duotone Image" to save the duotone PNG.

Because every step runs locally through JavaScript, your image is never sent to a server. This makes the tool completely private and fast.