Sprite Sheet Generator
Pack animation frames or icons into one sprite sheet.
Map an image onto two colours for a bold graphic look.
Drop an image here, or click to choose one
JPEG, PNG, WebP, GIF or SVG · processed on your device, never uploaded
The Duotone Generator maps image brightness onto a ramp between two colours you choose, which is what unifies a set of mismatched photographs into one visual language. Presets cover the combinations that work, but the two colour pickers are the point — a duotone in your own brand colours is yours rather than a filter.
A duotone maps the brightness of an image onto a gradient between two colours: dark pixels take the first, light pixels take the second, and everything in between is interpolated. The result unifies any set of photographs into one visual language.
That is why it has become the standard treatment for brand imagery — a page of duotoned photographs looks designed rather than assembled, however mismatched the originals were. Presets cover the combinations that work, but the point of the tool is the two colour pickers, because a duotone in your own brand colours is what makes it yours rather than a filter.
Both ends of the ramp are pickers, so the treatment matches a brand palette rather than a preset.
Shift where the ramp crosses over to weight the image toward the shadow colour or the highlight one.
Mixing some source colour in softens the effect from a statement into a grade.
A set of combinations that actually hold together, as starting points rather than destinations.
Two colours of similar lightness produce mud, and the page says so instead of leaving you guessing.
Images with a clear tonal range work best; very flat ones have nothing to map.
One for the shadows, one for the highlights. High contrast between them reads strongest.
Shift where the midpoint falls to weight the image toward one colour or the other.
Mixing some original colour back in softens the effect considerably.
A dark, saturated colour for the shadows and a bright, light one for the highlights. Two colours of similar lightness produce a flat, muddy result — the contrast between them is what carries the image.
Either the two colours are too close in brightness, or the source photograph has little tonal range. Raise the contrast before applying the duotone.
A duotone is a gradient map with exactly two stops. Adding more stops gives a tritone or a full gradient map, which allows more complex grades.
That is the main use. Set both pickers to your brand palette and every photograph on the site can be unified with the same treatment.
What people who use the Duotone Generator think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
0 reviews
Newest first
No reviews yet
Be the first to rate the Duotone Generator. It takes half a minute and no account.
Write the first reviewPack animation frames or icons into one sprite sheet.
Bring back edge detail with unsharp masking.
Create a plain image in any colour and size.
Rotate a photo by 90 degrees, or by any angle you like.
Preview SVG markup live and inspect what is inside it.
Turn any photo into a perfect square without cropping it.
Pack icons into one sprite sheet with the CSS classes.
Strip location and camera data out of a photo.