Two colours, honestly mapped.

This is the instrument this site’s own imagery goes through: a photograph reduced to one tonal ramp between two colours of the palette. It runs entirely in your browser: the image never leaves your device, and it reports the real encoded size of every export, because a beautiful file that is too heavy to ship is not finished.

Runs in this browserNothing you drop on this page is uploaded anywhere.PNG lossless · WebP size-reported

The studio’s own output

One grey wedge, five ramps.

Input · grey wedge in eleven steps Forest on paper Ink on paper Brass on paper Forest to brass Ink to brass
Synthetic example: a grey wedge in eleven steps, put through the studio’s mapping at curve 1.00, once per preset. Computed at build time with the studio’s own formula.

StudioPhotographs and video, toned on a canvas in this tab.

Map a photograph into a two-colour ramp.

Runs entirely in your browser; exports lossless PNG and size-reported WebP.

Imagery

Duotone studio

Private in your browser
Media
Photograph or video

Drop a photograph or video here, paste one, or choose a file.

Ramp
1.00
Frame
1.00×

Drag the preview to position the crop; scroll over it to zoom.

The preview appears here. Nothing you drop on this page is uploaded anywhere.

Export

PNG · lossless WebP
0.92

Processing happens on a canvas in your browser tab. No upload, no storage, no analytics event on the image or video itself. The PNG is lossless by format; the WebP is encoded at the quality you set, with the true file size shown before you download.

RampsTwo colours of the palette and one line between them.

Five ramps, one mapping

Each pixel’s Rec.709 relative luminance is bent by the curve, then mixed linearly between the shadow and the light colour. The strips are eleven equal steps of that line.

  1. Forest on paperThe default #1E3A2F → #F3F1EC
  2. Ink on paper #1B1A17 → #F3F1EC
  3. Brass on paper #846A44 → #F3F1EC
  4. Forest to brass #1E3A2F → #C9A06A
  5. Ink to brass #1B1A17 → #C9A06A

The curve

Above 1.00 the frame holds nearer the shadow; below 1.00 it lifts toward the light.

  1. Curve 0.50The slider’s lower end #1E3A2F → #F3F1EC
  2. Curve 1.00The default #1E3A2F → #F3F1EC
  3. Curve 2.00The slider’s upper end #1E3A2F → #F3F1EC