UTILS.
100 % im Browser
◐◑

Duotone-Generator

Erstelle einen zweifarbigen Duotone-Verlauf mit kopierbarem CSS.

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