UTILS.
Privat von Anfang an
◐◑

Duotone-Generator

Erstelle einen zweifarbigen Duotone-Verlauf mit kopierbarem CSS.

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →
Klicke auf die CSS-Ausgabe, um sie zu kopieren.

Über dieses Tool

Wähle eine Schatten- und eine Lichterfarbe, um einen zweifarbigen Duotone-Verlauf mit Live-Vorschau und fertig kopierbarem CSS zu erstellen, alles in deinem Browser.

Häufig gestellte Fragen

Welches CSS wird ausgegeben?
Es erzeugt einen linear-gradient()-Hintergrund, der von der Schattenfarbe zur Lichterfarbe in deinem gewählten Winkel verläuft.
Wie kopiere ich das CSS?
Klicke auf das Ausgabefeld und die komplette background-Deklaration wird in deine Zwischenablage kopiert.

Weitere Tools