Markt
Preise
AnmeldenLoslegen
LeitfadenGradiently nutzen
Gradiently nutzen

Duotone Fotos in deinen Markenfarben: Monochrom, Duoton und Farbhauch

Unpassende Fotos sind der schnellste Weg, einen Feed geliehen wirken zu lassen. Wenn du sie in deinen eigenen Farben tönst, werden Stockfotos, Smartphone-Bilder und Produktfotos zu einer Familie.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Fern River · GR·9SGX·F2

Die Kurzfassung

  • Ein Duotone Foto ersetzt die Töne eines Bildes durch zwei Farben: eine für die Schatten und eine für die Lichter.
  • In Gradiently lässt sich jedes Foto als Monochrom, Duoton oder Farbhauch tönen, und Duoton und Farbhauch nehmen ihre Farben aus dem Mark des Designs.
  • Wenn Fotos in denselben Farben getönt sind wie der Hintergrund, wirken gemischte Quellen, vom Stockfoto bis zum Smartphone-Bild, wie eine bewusst gewählte Serie.
  • Fotos lassen sich außerdem in Licht und Farbe anpassen, mit Filtern wie Film oder Noir abschließen und in Bögen, Kreise und Kleckse zuschneiden.
  • Jede Fotoanpassung bleibt bearbeitbar, du kannst also die Tönung ändern oder den Mark später tauschen, und das Foto folgt.
Auf dieser Seite
Wie ein Duotone Foto funktioniertMonochrom, Duoton und Farbhauch: drei Arten zu tönenSo machst du ein Duotone Foto in GradientlyFilter, Licht und Farbe für den FeinschliffZuschnittformen: Bögen, Kreise und KleckseEin Duotone in CSS

Ein Duotone Foto tauscht die natürlichen Farben eines Bildes gegen zwei gewählte: eine dunkle Farbe für die Schatten und eine helle für die Lichter, wobei jeder Ton dazwischen aus dem Paar gemischt wird. In deinen Markenfarben verwandelt es jedes Foto in etwas, das klar zu dir gehört. In Gradiently kannst du ein Foto auf drei Arten tönen, Monochrom, Duoton oder Farbhauch, und Duoton und Farbhauch nehmen ihre Farben direkt aus dem Mark des Designs, sodass Foto und Hintergrund immer übereinstimmen.

Wie ein Duotone Foto funktioniert

Stell dir das Foto zuerst schwarz-weiß vor. Jeder Pixel hat eine Helligkeit von 0 bis 100 Prozent. Ein Duotone malt dann die dunkelsten Pixel in deiner Schattenfarbe, die hellsten in deiner Lichterfarbe und alles andere an der passenden Stelle des Verlaufs dazwischen. Das Ergebnis behält jedes Detail des Fotos, aber nichts von seiner ursprünglichen Farbe.

Vier Duotone-Verläufe. Schatten nehmen die Farbe links, Lichter die Farbe rechts, und die Mitteltöne des Fotos landen in der Mitte.

Damit ein Duotone gut statt matschig aussieht, braucht es Kontrast zwischen den beiden Enden. Ein sehr dunkler Schatten und ein sehr helles Licht halten Gesichter und Produkte erkennbar. Zwei Mitteltöne ergeben ein flaches, trübes Bild. Zur Geschichte und zu weiteren Einsatzbereichen des Looks siehe den Duotone-Effekt.

Monochrom, Duoton und Farbhauch: drei Arten zu tönen

Monochrom

Was sie macht

Macht das Foto schwarz-weiß

Farben aus

Neutrale Grautöne

Nutze sie für

Porträts, Zitate, alles Ernste oder Zeitlose
Duoton

Was sie macht

Bildet Schatten und Lichter auf zwei Farben ab

Farben aus

Dem Mark

Nutze sie für

Kräftige Posts, Eventplakate, Teamfotos, die nicht zusammenpassen
Farbhauch

Was sie macht

Legt die Farbe des Marks über das Foto und behält etwas von dessen eigener Farbe

Farben aus

Dem Mark

Nutze sie für

Produktfotos und Food, bei denen das Motiv echt aussehen soll
OhneLässt die Farbe des Fotos unverändert

Farben aus

Dem Foto

Nutze sie für

Hero-Produktfotos, bei denen genaue Farbe zählt
TönungWas sie machtFarben ausNutze sie für
MonochromMacht das Foto schwarz-weißNeutrale GrautönePorträts, Zitate, alles Ernste oder Zeitlose
DuotonBildet Schatten und Lichter auf zwei Farben abDem MarkKräftige Posts, Eventplakate, Teamfotos, die nicht zusammenpassen
FarbhauchLegt die Farbe des Marks über das Foto und behält etwas von dessen eigener FarbeDem MarkProduktfotos und Food, bei denen das Motiv echt aussehen soll
OhneLässt die Farbe des Fotos unverändertDem FotoHero-Produktfotos, bei denen genaue Farbe zählt
Die Tönungsoptionen in der Fotobearbeitung. Duoton und Farbhauch nutzen die Farben deines Marks, ein Tausch des Marks tönt das Foto also neu.
Hinter dem Tresen
Das ist unser Team.
Fünf Leute, eine sehr gute Espressomaschine
Gradiently · @gradiently

Die Art Post, die ein Duotone rettet: Teamfotos, mit verschiedenen Smartphones aufgenommen, durch die Farben des Marks zu einer Serie verbunden.

Neu da
NEW
Die Herbstmischung.
Am Dienstag geröstet, ab Freitag im Laden
Gradiently · @gradiently

Ein Produkt-Post: die Art, bei der ein sanfter Farbhauch das Foto mit dem Hintergrund verbindet, der Kaffee aber nach Kaffee aussieht.

So machst du ein Duotone Foto in Gradiently

  1. 1

    Das Foto hinzufügen

    Lade dein eigenes hoch oder füg es ein, oder wähle eines aus den kostenlosen Stockfotos im Studio.

  2. 2

    Die Fotobearbeitung öffnen

    Wähle das Foto aus und öffne sein Bearbeitungspanel, wo Licht, Farbe, Filter und Tönung liegen.

  3. 3

    Unter Mark-Farben Duoton wählen

    Das Foto wird sofort auf die Palette des Marks abgebildet. Probier auch Farbhauch und Monochrom; der Vergleich kostet nichts.

  4. 4

    Den Kontrast einstellen

    Erhöhe den Kontrast, wenn das Ergebnis flach wirkt, und die Helligkeit, wenn Gesichter in die Schattenfarbe fallen.

  5. 5

    In eine Form zuschneiden

    Rahme es als Quadrat, Kreis, Bogen oder Klecks, passend zum Layout.

  6. 6

    Zum Testen den Mark tauschen

    Ändere den Mark des Designs, und die Tönung folgt, so kannst du mehrere Looks am selben Foto ausprobieren.

Alles bleibt bearbeitbar

Tönungen und Filter brennen sich nie ins Foto ein. Du kannst sie jederzeit ändern oder zurücksetzen, und das zählt, wenn eine Kampagne mittendrin die Farbe wechselt.

Filter, Licht und Farbe für den Feinschliff

Die Tönung legt die Farbfamilie fest; die übrigen Anpassungen entscheiden über das Gefühl. Sie sind in drei Gruppen geordnet, und die Voreinstellungen sind ein schneller Einstieg vor dem Feintuning. Ist das Foto ein Produktbild, bring zuerst den Hintergrund in Ordnung: Hintergründe für Produktfotos erklärt das.

LichtHelligkeit, Kontrast

Wozu du greifst

Bei jedem Duoton zuerst den Kontrast; er trennt die beiden Farben
FarbeSättigung, Temperatur, Grün zu Magenta, Farbton

Wozu du greifst

Temperatur, um einen Farbhauch wärmer oder kühler zu machen; bei Duoton die Sättigung lassen
Feinschliff

Regler

Unschärfe, Vignette

Wozu du greifst

Eine leichte Vignette zieht bei Porträts den Blick nach innen
Voreinstellungen

Regler

Original, Lebendig, Weich, Warm, Kühl, Verblasst, Noir, Film

Wozu du greifst

Film oder Verblasst unter einem Farbhauch ergibt leicht einen gedruckten Look
GruppeReglerWozu du greifst
LichtHelligkeit, KontrastBei jedem Duoton zuerst den Kontrast; er trennt die beiden Farben
FarbeSättigung, Temperatur, Grün zu Magenta, FarbtonTemperatur, um einen Farbhauch wärmer oder kühler zu machen; bei Duoton die Sättigung lassen
FeinschliffUnschärfe, VignetteEine leichte Vignette zieht bei Porträts den Blick nach innen
VoreinstellungenOriginal, Lebendig, Weich, Warm, Kühl, Verblasst, Noir, FilmFilm oder Verblasst unter einem Farbhauch ergibt leicht einen gedruckten Look
Die Regler der Fotobearbeitung. Starte mit einer Voreinstellung und passe dann Licht vor Farbe an.

Zuschnittformen: Bögen, Kreise und Kleckse

Ein getöntes Foto in einer weichen Form wirkt gestaltet statt hineingeworfen. Bögen wirken architektonisch und ruhig, schön für Interior, Floristik und Hochzeiten und eine natürliche Wahl für Branding für Fotografen. Kreise passen zu Menschen: Teamseiten, Speaker, Kundenstimmen. Kleckse sind verspielt und passen zu Food, Kindermarken und allem Lockeren. Bleib bei einer Form pro Design, damit die Serie einheitlich wirkt.

Vermeiden

  • Zwei Mitteltöne, die das Foto grau machen
  • Ein Duotone auf dem einen Foto, bei dem echte Farbe verkauft, etwa ein Kleid
  • Eine andere Tönung auf jedem Foto eines Karussells
  • Wörter über dem unruhigsten Teil des Fotos

Machen

  • Eine tiefe Schattenfarbe und ein blasses Licht
  • Farbhauch für Produkte, Duoton für Menschen und Orte
  • Eine Tönung über alle Fotos einer Serie
  • Wörter im ruhigen Bereich, die Farbe wählt Automatische Farbe

Steht Text direkt auf dem Foto, erklärt Text auf Fotos lesbar machen die Platzierung, und eine einheitliche Tönung ist eine der einfachsten Gewohnheiten hinter Markenkonsistenz.

Ein Duotone in CSS

Auf einer Website baust du denselben Effekt mit Füllmethoden: Mach das Foto grau, multipliziere es über der Lichterfarbe und hell es dann mit der Schattenfarbe auf.

css
.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}
Indigo-Schatten und rosé Lichter. Zur Browserunterstützung siehe mix-blend-mode auf MDN.

Gestalte mit einem lebendigen Farbverlauf

Posts, Stories, Folien und Banner in jedem Format, mit Text, der immer lesbar bleibt.

Kostenlos loslegen

Häufige Fragen

Was ist ein Duotone Foto?

Ein Foto, dessen Farben durch zwei ersetzt werden: eine für die Schatten und eine für die Lichter, wobei die Töne dazwischen aus dem Paar gemischt werden.

Wie mache ich ein Duotone Foto in meinen Markenfarben?

In Gradiently wählst du das Foto aus, öffnest die Fotobearbeitung und wählst Duoton; es nutzt die Farben des Marks im Design. In CSS kombinierst du ein Graustufenbild mit Füllmethoden.

Was ist der Unterschied zwischen Duotone und Farbhauch?

Ein Duotone ersetzt die gesamte Farbe des Fotos durch zwei Farben. Ein Farbhauch legt eine Farbe über das Foto und behält etwas von dessen eigener, sodass Motive natürlich bleiben.

Welche Farben ergeben ein gutes Duotone?

Eine sehr dunkle Schattenfarbe und eine sehr helle Lichterfarbe. Zwei Mitteltöne lassen das Foto flach und matschig wirken.

Kann ich Fotos in Gradiently in Formen zuschneiden?

Ja. Fotos lassen sich als Quadrat, Kreis, Bogen oder Klecks rahmen.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Wie ein Duotone Foto funktioniertMonochrom, Duoton und Farbhauch: drei Arten zu tönenSo machst du ein Duotone Foto in GradientlyFilter, Licht und Farbe für den FeinschliffZuschnittformen: Bögen, Kreise und KleckseEin Duotone in CSS

Diesen Artikel teilen

Als Nächstes in Gradiently nutzen

Design für alle Plattformen skalieren: ein Design, jede Größe

Weiterlesen

Alle Artikel zu Gradiently nutzen
Farbverläufe

Der Duotone-Effekt: jedes Foto in zwei Farben markengerecht

5 Min. Lesezeit

Duotone macht aus jedem Foto zwei Farben deiner Wahl: eine für die Schatten, eine für das Licht. Es ist der schnellste Weg, damit unpassende Bilder wie eine Marke wirken.

Schrift und Text

So wird Text auf Fotos lesbar, ganz ohne Box

5 Min. Lesezeit

Eine feste Box hinter der Headline funktioniert, aber sie lässt jeden Post wie ein Meme aussehen. Diese Techniken halten das Foto ganz und die Wörter klar, mit Code fürs Web und Einstellungen für Social Posts.

Branding

Markenkonsistenz: warum sie zählt und wie du sie hältst

5 Min. Lesezeit

Du wirst deiner Marke lange überdrüssig sein, bevor deine Kunden sie gelernt haben. Warum Wiederholung der ganze Sinn ist, wo Konsistenz unbemerkt bricht und wie du sie schützt, ohne langweilig zu werden.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently