Digital Cyanotype: Recreating Historic Prussian Blue Prints in Code

Explore the 1842 iron-salt printing process and how to digitally recreate Prussian blue tones, paper highlights, and fiber grain in the browser.

> 結論から

Cyanotype, invented in 1842 by Sir John Herschel, relies on iron salts rather than silver halides. When exposed to UV light and rinsed in plain water, it yields insoluble ferric ferrocyanide (Prussian blue) set into the unwashed fibers of rag paper. Digital emulation cannot simply apply a uniform blue color tint: true cyanotypes anchor deep shadows to a dark indigo-black (RGB [5, 31, 58]), midtones to pure Prussian blue (RGB [18, 87, 130]), and highlights to the warm cream of raw paper (RGB [232, 235, 211]). You can test this 3-point tone mapping client-side in our free Cyanotype Photo tool.

The Chemistry of Iron and Light

Before silver gelatin dominated 20th-century darkrooms, photographic imaging was a playground of mineral chemistry. In 1842, English polymath Sir John Herschel developed a method to produce permanent prints using two simple iron compounds: ferric ammonium citrate and potassium ferricyanide.

When mixed in equal measures, the aqueous solution produces an amber, light-sensitive coating. Brushed onto handmade cotton paper and dried in the dark, it responds exclusively to ultraviolet radiation. Solar UV reduces the ferric (Fe³⁺) ions to ferrous (Fe²⁺) state, triggering the formation of insoluble ferric ferrocyanide — known historically as Prussian blue.

A simple wash under running tap water clears the unexposed, water-soluble iron salts away, leaving behind raw paper base in the highlights and deeply insoluble blue pigment locked into the cellulose pulp. Botanist Anna Atkins famously used this process in 1843 to publish Photographs of British Algae: Cyanotype Impressions, creating the world's very first photographically illustrated book.

You can experience this physical process directly in your browser using our free Cyanotype Photo converter.

Why a Simple "Blue Filter" Fails

Most consumer photo filters attempt cyanotype emulation by desaturating an image and overlaying a blue tint matrix. This approach looks synthetic because chemical cyanotypes do not possess uniform blue hues across their tonal range.

The real physical interaction has three distinct anchors:

  1. Deep Indigo Shadows (RGB [5, 31, 58]): Maximum UV saturation creates dense deposits of Prussian blue that appear nearly black, with deep cobalt undertones.
  2. Vibrant Prussian Midtones (RGB [18, 87, 130]): The characteristic ferric cyan color only lives in the transitional midtones, where partial photon exposure oxidises partial pigment grains.
  3. Warm Paper Highlights (RGB [232, 235, 211]): The brightest points of the image receive no UV exposure through the negative or contact specimen. During the water bath, all iron salts wash away completely, revealing the unbleached warm white cotton substrate.

A photographic tint paints white pixels light blue. A true cyanotype leaves white pixels as bare, warm rag paper.

Tone RangeChemical StateEmulated RGB AnchorVisual Expression
ShadowsFull UV reduction & maximum pigment[5, 31, 58]Deep indigo, near-black density
MidtonesPartial pigment precipitation[18, 87, 130]Classic Prussian blue mineral tone
HighlightsWater-cleared, unexposed emulsion[232, 235, 211]Raw cotton paper, warm off-white

How the Canvas 2D Engine Implements It

In Yan's Texture Studio and the standalone Cyanotype Photo micro-tool, the transformation runs per-pixel entirely on your device's CPU through HTML5 Canvas 2D.

The mathematical algorithm follows three continuous steps:

  1. Luminance and Contrast Curve: The RGB values of each pixel are converted to perceived luminance and shifted by the Contrast slider, accentuating the separation between exposure highlights and shadow masses.
  2. Two-Phase Tone Interpolation: The normalized tone (0.0 to 1.0) is split into two regions:
    • Values below 0.5 interpolate between the deep shadow indigo and the Prussian blue midtone.
    • Values above 0.5 interpolate smoothly from Prussian blue into the warm paper highlight anchor.
  3. Paper Fiber Dispersion Hash: Real contact prints show slight grain variations where paper fibers absorb varying amounts of emulsion. A 2D spatial hash calculates fine organic grain and blends it into the final output.

Parameter Guide

When using the Cyanotype Photo web tool or the Yan mobile app, the primary controls shape the print:

  • Contrast (Default 61): Expands the distance between paper whites and indigo depths. Raise this on flat, low-contrast mobile shots to create crisp silhouettes.
  • Intensity (Default 100): Controls the blend between the original color photograph and the cyanotype render. Keep at 100 for an authentic historic print, or pull back to 60–80 to create a faded duotone mood.
  • Grain Scaling: The engine automatically computes paper fiber micro-grain mapped to image resolution, ensuring prints look tactile without manual grain fiddling.

Ideal Subjects for Cyanotype

Cyanotype discards chromatic information entirely. To succeed, your subject must rely on structural form and luminosity:

  • Botanicals and Foliage: Fern fronds, pressed leaves, and tree canopies echo Anna Atkins' original 1840s photograms.
  • Architecture and Blueprints: Iron structures, bridges, and high-contrast facades recall the engineering blueprint heritage of the cyanotype process.
  • Backlit Silhouettes: Sunset portraits and window contours give the highlights room to breathe as warm paper.

The Tactile Mindset

In an era of hyper-saturated OLED displays, the cyanotype offers a deliberate pause. It strips away digital noise and returns photography to its roots: light, shadow, paper, and iron.

> よくある質問

What is a cyanotype print?
A cyanotype is an early photographic printing process discovered in 1842 that uses light-sensitive iron salts (ferric ammonium citrate and potassium ferricyanide) instead of silver. Exposure to ultraviolet light produces an insoluble pigment called Prussian blue permanently embedded in paper fibers.
How do I convert a photo to a cyanotype online?
You can use the free Cyanotype Photo browser tool. Load any image, adjust the contrast curve and tone intensity, and export a full-resolution PNG. The algorithm runs client-side in Canvas 2D without uploading your photo to any server.
Why is digital cyanotype different from a simple blue color tint?
A blue tint or monochrome overlay uniformly shifts every tone toward blue. True cyanotype behaves non-linearly: unexposed highlights remain the bare paper color (warm off-white), midtones map to rich cyan-blue, and dense shadows saturate into deep indigo-black, accompanied by subtle paper grain noise.
What subjects work best for cyanotype conversion?
High-contrast botanical silhouettes, architectural forms, sea and sky scenes, and portrait profiles with defined rim lighting. Because cyanotype discards color hue information, compositions relying on subtle chromatic contrast will flatten, while strong geometric shapes thrive.
Is the online cyanotype converter free?
Yes. The Cyanotype Photo tool is completely free, requires no account, adds no watermarks, and exports full-resolution PNG images up to 1400px on the long edge directly on your device.