Ist der erzeugte Code mit allen Browsern kompatibel?

Ja — der Code nutzt die standardmäßige CSS-Eigenschaft radial-gradient(), die in allen modernen Browsern ohne besondere Präfixe unterstützt wird.

Mesh-Gradient-Generator

Erstellt einen modernen Hintergrund mit weich verlaufenden, mehrpunktigen Farbverläufen (der im modernen Webdesign beliebte Mesh-Gradient-Stil), mithilfe mehrerer überlappender radial-gradient()-Ebenen mit ansprechenden Zufallsfarben — anders als das CSS-Gradient-Tool, das einen einfachen Zwei-Farben-Verlauf erstellt, und das Blob-Muster-Tool, das nur eine Form zeichnet. Du kannst die Anzahl der Farbpunkte und die Basisfarbe steuern, mit einem Klick ein neues Zufallsmuster erzeugen und dann den fertigen CSS-Code direkt kopieren. Alles geschieht sofort in deinem Browser, ohne dass jemals etwas auf einen Server hochgeladen wird.

Design- und CSS-Tools Läuft vollständig in deinem Browser

Die gesamte Verarbeitung erfolgt auf deinem Gerät — es wird nichts an einen Server gesendet.

Anzahl der Farbpunkte5Basisfarbe

CSS-Code

background-color: #f5f3ff;
background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);

Häufig gestellte Fragen

Das CSS-Gradient-Tool erstellt einen einfachen linearen oder radialen Verlauf zwischen zwei Farben, während dieses Tool mehrere zufällige, überlappende Farbpunkte übereinanderlegt, um im modernen Mesh-Gradient-Stil einen weichen, mehrfarbigen Hintergrund zu erzeugen.