Zufalls-Verlaufs-Generator
Erzeuge zufällige CSS-Verläufe — linear, radial, konisch. Harmonische Farbkombinationen, fertiger CSS-Code zum Einfügen. Im Browser.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Verlauf
Referenz
Wie funktioniert der Verlaufs-Generator?
Dieses Tool wählt 2-3 Farben mit harmonischer Farbtheorie (analog, komplementär oder triadisch) und HSL-Farbton-Rotationen. Zufällige Winkel oder Positionen werden mit crypto.getRandomValues() bestimmt. Die Ausgabe wird als Live-Vorschau neben dem fertigen CSS-Code dargestellt.
Verlaufs-Typen
- Linear — Farben verlaufen entlang einer geraden Linie mit konfigurierbarem Winkel.
- Radial — Farben strahlen von einem Mittelpunkt aus.
- Konisch — Farben drehen um ein Zentrum, wie ein Farbrad.
Häufige Anwendungsfälle
- Hero-Sections — auffällige Hintergründe für Landingpages.
- Karten und Buttons — moderne UI-Akzente mit Tiefe.
- Design-Inspiration — entdecke unerwartete Farbkombinationen.
- Wallpaper und Banner — generiere einzigartige Visual Assets.
Datenschutz
Alle Verläufe werden zu 100% in Ihrem Browser generiert. Es werden keine Daten gesendet.