Kostenloser Bild-Duotone-Effekt
Wenden Sie beeindruckende Duotone-Farbeffekte mit individuellen Farbkombinationen auf Ihre Bilder an. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Aktualisiert am
Image Duotone Effect
Apply duotone and tritone color effects to images. 40+ presets, batch processing, before/after compare, CSS code export, and more.
Settings
Preview
Click to upload an image
PNG, JPG, WebP supported
Or use "Batch Upload" for multiple images
About Duotone & Tritone Effects
Replaces image colors with a gradient between two colors. Shadows become the dark color, highlights become the light color.
Adds a third color for midtones, giving more control over the color mapping. Great for more complex color effects.
Includes color schemes inspired by Spotify, Instagram, YouTube, Discord, and more for on-brand visuals.
- Use the intensity slider to blend the effect with the original image
- High contrast images work best for dramatic duotone effects
- Try the tritone presets for more sophisticated color combinations
- Adjust midtone position to control where the third color appears
- Use "Compare" mode to see a before/after slider view
- Batch upload multiple images and apply the same effect to all at once
- Save your favorite color combos for quick reuse across sessions
- Generate CSS code to approximate the duotone effect in web projects
- Click "Random" to discover new harmonious color combinations
Häufig gestellte Fragen
Was ist der Image Duotone Effect?
Der Image Duotone Effect ist ein kostenloses Online-Tool, das Zweifarben-Toneffekte auf Bilder anwendet und so auffällige visuelle Stile erzeugt, die im modernen Design sehr beliebt sind.
Ist der Image Duotone Effect kostenlos?
Ja, er ist völlig kostenlos und ohne Registrierung nutzbar. Alle Effekte werden clientseitig in deinem Browser angewendet.
Kann ich meine eigenen Farben wählen?
Ja, mit dem Image Duotone Effect kannst du zwei beliebige Farben für die Lichter und Schatten wählen, um deinen individuellen Duotone-Stil zu gestalten.
Sind meine Daten mit diesem Tool sicher?
Absolut. Der Image Duotone Effect verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.
Funktioniert der Image Duotone Effect auf Mobilgeräten?
Ja, der Image Duotone Effect ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Image Duotone Effect in deinem Browser und lege sofort los. Es gibt keine Anmelde-Hürden oder Nutzungsbeschränkungen.
Welche Bildformate werden unterstützt?
Der Image Duotone Effect unterstützt gängige Bildformate wie PNG, JPG/JPEG, WebP und GIF. Einige Funktionen unterstützen je nach Tool auch SVG und BMP.
Wie benutze ich den Image Duotone Effect?
Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der Image Duotone Effect funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwendest du am besten die neueste Version deines bevorzugten Browsers.
Was ist der Unterschied zwischen einem Duotone- und einem Tritone-Effekt?
Ein Duotone bildet den Tonwertbereich eines Bildes auf nur zwei Farben ab: Eine füllt die Schatten, die andere die Lichter, und jeder Mittelton verläuft entlang eines Farbverlaufs zwischen beiden. Ein Tritone fügt eine dritte Farbe in der Mitte hinzu, sodass Schatten, Mitteltöne und Lichter jeweils ihren eigenen Farbton erhalten. Die dritte Farbe sorgt für reichhaltigere, filmischere Übergänge, als zwei Farben es könnten – deshalb setzen Looks wie Sonnenuntergänge, Polarlichter und Vaporwave-Verläufe darauf. Dieses Tool unterstützt beides: Lass Tritone ausgeschaltet für eine klare Zweifarb-Behandlung, oder aktiviere es, um eine Mitteltonfarbe einzuführen, und nutze dann den Regler für die Mitteltonposition (10 bis 90), um zu steuern, wo diese dritte Farbe im Helligkeitsbereich ihren Höhepunkt erreicht. Probiere Tritone an einem kontrastreichen Foto aus, um zu sehen, wie viel Tiefe die zusätzliche Farbe bringt.
Wie wandelt ein Duotone-Tool ein Farbfoto in zwei Farbtöne um?
Das läuft in zwei Schritten ab. Zuerst wird jedes Pixel mithilfe der gängigen Luminanz-Formel (0,299 mal Rot, plus 0,587 mal Grün, plus 0,114 mal Blau) in Graustufen umgewandelt, die Helligkeit so gewichtet, wie das menschliche Auge sie wahrnimmt, statt die Kanäle einfach gleich zu mitteln. Zweitens wird dieser eine Helligkeitswert auf einen Verlauf zwischen deinen zwei gewählten Farben übertragen: Die dunkelsten Pixel erhalten die Schattenfarbe, die hellsten die Lichterfarbe, und alles dazwischen mischt sich fließend. Das Ganze läuft Pixel für Pixel auf einem HTML-Canvas in deinem Browser ab, sodass kein Qualitätsverlust durch erneutes Hochladen entsteht. Da das Ergebnis von der Helligkeit abhängt, kommen Fotos mit klaren hellen und dunklen Bereichen am besten zur Geltung. Lade ein Bild hoch und wähle zwei Farben, um die neu eingefärbte Version in Echtzeit neben dem Original zu sehen.
Was bewirken die Regler für Kontrast, Helligkeit und Intensität genau?
Jeder Regler formt einen anderen Teil des Ergebnisses. Kontrast (50 bis 200 Prozent) weitet oder staucht den Tonwertbereich, bevor die Farben zugeordnet werden, sodass ein höherer Wert das Duotone grafischer und kräftiger wirken lässt, während ein niedrigerer Wert es dezent hält. Helligkeit (50 bis 150 Prozent) hebt oder senkt die Gesamtbelichtung und verschiebt so das Gleichgewicht zwischen Schatten- und Lichterfarbe. Intensität (0 bis 100 Prozent) mischt das fertige Duotone zurück in Richtung deines Originalfotos, sodass du von einem leichten Farbschleier bei niedrigen Werten bis zu einer vollen Zweifarb-Behandlung bei 100 Prozent alles einstellen kannst. Zusammen ergeben sie eine feine Kontrolle über die Stimmung: Drehe den Kontrast hoch für plakative Wirkung, oder senke die Intensität für einen sanften markengerechten Farbton über echter Fotografie. Starte mit einem Preset und feiniere dann an diesen drei Reglern, bis das Bild zu deinem gewünschten Look passt.
Welches Exportformat sollte ich wählen: PNG, JPEG oder WebP?
Das hängt davon ab, was du brauchst. PNG ist verlustfrei, hält also Kanten scharf und Farbverläufe sauber – die sicherste Wahl für Grafiken, Logos über Duotone-Bildern oder alles, was du später noch einmal bearbeiten möchtest. JPEG und WebP sind verlustbehaftet, bieten aber eine Qualitätseinstellung (50 bis 100 Prozent), mit der du etwas Detailtreue gegen eine kleinere Datei eintauschen kannst, was für Webseiten und E-Mails wichtig ist. WebP erzeugt bei gleicher visueller Qualität meist deutlich kleinere Dateien als JPEG und wird von allen modernen Browsern unterstützt, weshalb es oft die beste Wahl ist, wenn die Ladegeschwindigkeit der Seite zählt. Für die Weitergabe auf Plattformen, die noch ältere Formate erwarten, bleibt JPEG die universell kompatibelste Option. Dieses Tool lässt dich in alle drei Formate exportieren, und bei den verlustbehafteten Formaten kannst du die Qualität vor dem Export deines Duotone-Bildes einstellen.
Kann ich denselben Duotone-Effekt auf mehrere Bilder gleichzeitig anwenden?
Ja. Der Batch-Modus lässt dich mehrere Bilder hochladen und in einem Durchgang dieselben Farben und Einstellungen auf alle anwenden, sodass ein ganzes Set visuell einheitlich wird, ohne jedes Foto einzeln nachbearbeiten zu müssen. Das ist ideal für eine Produktgalerie, eine Reihe von Team-Porträts oder eine Social-Media-Kampagne, die einheitlich wirken soll. Du legst zuerst den gewünschten Look fest – wählst deine zwei Farben (oder drei für Tritone), Kontrast, Helligkeit und Intensität – und startest dann die Stapelverarbeitung, sodass jedes Bild mit derselben Behandlung neu eingefärbt wird. Nach Abschluss der Verarbeitung kannst du die Ergebnisse in deinem gewählten Format herunterladen. Da alles clientseitig in deinem Browser läuft, wird keines der Bilder auf einen Server hochgeladen, und die Verarbeitungsgeschwindigkeit hängt von deinem eigenen Gerät und den Bildgrößen ab, nicht von einer Warteschlange. Aktiviere den Batch-Modus, um ein ganzes Bilder-Set schnell zu vereinheitlichen.
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/duotone" title="Free Image Duotone Effect — The Toolbox" width="100%" height="320" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/image-tools/duotone?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Image Duotone Effect</a> by The Toolbox</p>Verwandte Tools
Kostenloser Bildgrößen-Ändern Online
Ändere die Größe von Bildern auf jede gewünschte Dimension. Seitenverhältnis beibehalten oder eigene Maße festlegen. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Bildkomprimierer Online
Komprimiere Bilder, um die Dateigröße ohne Qualitätsverlust zu reduzieren. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Bildzuschneider Online
Schneide Bilder mit einem visuellen Editor auf jede Größe oder jedes Seitenverhältnis zu. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Favicon-Generator
Erstelle Favicons in allen Größen aus einem einzigen Bild. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Über den Duotone-Effekt für Bilder
Ein Duotone-Bild besteht aus nur zwei Farben – eine für die Schatten, eine für die Lichter –, während alle Zwischentöne entlang eines Verlaufs zwischen beiden gemischt werden. Dieser Look ziert seit Jahren Spotify-Cover, Magazin-Layouts, Konferenz-Branding und Poster, weil er ein Foto auf Stimmung und Kontrast reduziert. Dieser Bild-Duotone-Effekt bringt genau diesen Stil direkt in deinen Browser: Foto hochladen, zwei Farben wählen – und die neu eingefärbte Version erscheint in Echtzeit neben dem Original.
Er ist gemacht für Designer, Marketer und alle, die ein markengerechtes Bild wollen, ohne Photoshop zu öffnen. Das Tool ist kostenlos, benötigt kein Konto und verarbeitet alles auf deinem eigenen Gerät – deine Fotos werden nie auf einen Server hochgeladen.
So funktioniert der Duotone-Effekt
Das Tool wandelt dein Bild zunächst mithilfe der gängigen Luminanz-Formel (0,299 × Rot + 0,587 × Grün + 0,114 × Blau) in Graustufen um, die Helligkeit so gewichtet, wie das menschliche Auge sie wahrnimmt. Anschließend wird dieser Helligkeitsbereich auf einen Verlauf zwischen deiner gewählten dunklen und hellen Farbe übertragen: reine Schatten erhalten die dunkle Farbe, reine Lichter die helle Farbe, und Mitteltöne gehen fließend ineinander über. Das Ganze geschieht Pixel für Pixel auf einem HTML-Canvas – ohne Qualitätsverlust durch erneutes Hochladen.
Ein paar Regler beeinflussen das Ergebnis:
- Kontrast (50–200 %) – weitet oder staucht den Tonwertbereich vor der Farbzuordnung und macht den Effekt grafischer oder dezenter.
- Helligkeit (50–150 %) – hebt oder senkt die Gesamtbelichtung.
- Intensität (0–100 %) – mischt den Duotone-Effekt zurück in Richtung Originalfoto, sodass du von einem leichten Farbschleier bis zu einer vollen Zweifarb-Behandlung alles einstellen kannst.
Presets, eigene Farben und Tritone
Du kannst mit 41 integrierten Presets starten, gruppiert in die Kategorien Classic, Vibrant, Soft, Dark, Brand und Tritone – fertige Farbpaare wie Classic Blue, Cyberpunk oder Sepia. Oder du stellst dir deine eigene Kombination zusammen: Die Farbwähler für Dunkel (Schatten) und Hell (Lichter) akzeptieren jeden Hex-Wert, ein einziger Klick tauscht beide Farben, und eine Zufallsfunktion generiert stimmige Farbpaarungen, wenn du einen schnellen Ausgangspunkt brauchst.
Für mehr Tiefe gibt es einen Tritone-Modus, der eine dritte Mitteltonfarbe zwischen Schatten und Lichtern einfügt. Ein Regler für die Mitteltonposition (10–90) bestimmt, wo diese dritte Farbe im Helligkeitsbereich ihren Höhepunkt erreicht. Tritone-Presets wie Sunset Glow, Aurora und Vaporwave nutzen das, um reichhaltigere, filmischere Farbverläufe zu erzeugen, als ein klassisches Zweifarb-Duotone es könnte.
Exportieren und Stapelverarbeitung
Wenn dir der Look gefällt, lade das Ergebnis als PNG-, JPEG- oder WebP-Datei herunter. PNG ist verlustfrei und hält Kanten scharf; JPEG und WebP bieten eine Qualitätseinstellung (50–100 %), mit der du etwas Detailtreue gegen eine kleinere Dateigröße eintauschen kannst. WebP erzeugt bei gleicher visueller Qualität oft deutlich kleinere Dateien als JPEG – praktisch, wenn die Ladegeschwindigkeit der Seite zählt.
Arbeitest du an einer Reihe von Bildern, die alle dieselbe Behandlung brauchen – eine Produktgalerie, eine Reihe von Team-Porträts oder eine Social-Media-Kampagne? Der Batch-Modus lässt dich mehrere Bilder hochladen und auf alle gleichzeitig dieselben Farben und Einstellungen anwenden, sodass ein ganzes Set visuell einheitlich wird, ohne jedes Foto einzeln bearbeiten zu müssen.
Datenschutz und wie du das Beste herausholst
Da der Bild-Duotone-Effekt vollständig clientseitig in deinem Browser läuft, wird nichts an einen Server gesendet oder dort gespeichert, und das Tool funktioniert auch weiter, nachdem die Seite offline geladen wurde. Die Verarbeitungsgeschwindigkeit hängt von deinem eigenen Gerät und der Bildgröße ab, nicht von einer Server-Warteschlange.
Für die stärksten Ergebnisse starte am besten mit einem Foto, das einen klaren Kontrast zwischen hellen und dunklen Bereichen zeigt – flache, gleichmäßig ausgeleuchtete Bilder lassen dem Effekt wenig Tonwertspielraum. Probiere zuerst ein Preset aus und feiliere dann an Farben, Kontrast und Intensität, bis das Bild zu deiner Marke oder Stimmung passt.