What this generates
This page generates a true duotone image, computed pixel by pixel from your two colors. Each pixel's luminance is used to blend between your shadow color and highlight color, replacing grayscale with an actual two-color duotone map -- not a CSS grayscale filter.
Change the fields above and the output updates live.
Related tools
See the Image Threshold (Black & White) Converter for a related effect.
Frequently Asked Questions (FAQ)
What does this tool actually produce?
It generates a true duotone image, computed pixel by pixel from your two colors. Each pixel's luminance is used to blend between your shadow color and highlight color, replacing grayscale with an actual two-color duotone map -- not a CSS grayscale filter.
Is my image uploaded anywhere?
No. Everything runs in your browser -- whether that is a CSS snippet built from your inputs, or real pixel processing on a canvas for an uploaded photo. Nothing is sent to a server.
Can I use the output directly?
Yes. Copy the CSS/HTML snippet into your project, or save the resulting image if this tool processes an uploaded photo.
