Ein Duplex ist ein Graustufenbild, das mit zwei Druckfarben gedruckt wird, meist Schwarz und eine Schmuckfarbe. Laut Adobe umfasst der Begriff in Photoshop auch Simplex, Triplex und Quadruplex, also Graustufenbilder mit einer, drei oder vier Druckfarben. Im Webdesign heißt der Effekt meist Duotone.
- Duplex
Ein Graustufenbild, das mit zwei Druckfarben gedruckt oder dargestellt wird, meist Schwarz und eine Schmuckfarbe.
Beispiel: „Die Porträts im Jahresbericht stehen als Duplex in Schwarz und dem Blau der Marke.“Auch: Duotone, Zweiton, Duplexdruck.
Nicht zu verwechseln mit dem Duplexdruck im Sinn von beidseitig bedruckt.
Warum Duplex im Druck
Eine Druckfarbe gibt laut Adobe nur etwa 50 Grautöne wieder, eine Graustufendatei hat bis zu 256. Eine zweite Farbe erweitert den Tonumfang; für die Lichter wird laut Adobe häufig die bunte Druckfarbe verwendet. In Photoshop wird ein 8-Bit-Graustufenbild über Bild, Modus, Duplex umgewandelt; jede Farbe bekommt eine eigene Kurve, die festlegt, in welchen Tönen sie wie stark druckt.
Duotone im Webdesign
Bekannt wurde der Effekt im Web durch das Rebranding von Spotify 2015; die Agentur Collins bezog sich laut eigener Fallstudie ausdrücklich auf den Zweiton-Siebdruck der Musikgeschichte. Duotone gibt Fotos aus verschiedenen Quellen eine einheitliche Wirkung in den Markenfarben.
Duplex mit CSS und SVG
Im Browser entsteht ein Duotone in zwei Schritten: Ein SVG-Filter macht das Bild mit feColorMatrix zu Graustufen, dann ordnet feComponentTransfer den dunklen und hellen Tönen je eine Farbe zu. Einfacher, aber weniger genau, geht es mit einer Farbfläche und mix-blend-mode.
<filter id="duotone">
<feColorMatrix type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="table" tableValues="0 1"/>
<feFuncG type="table" tableValues="0.11 1"/>
<feFuncB type="table" tableValues="0.27 1"/>
</feComponentTransfer>
</filter>