Warum überlappen sich die Konfetti nicht?

Die Positionen entstehen per Poisson-Disk-Sampling: Jedes Stück hält einen Mindestabstand ein, so wirkt die Verteilung gleichmässig und trotzdem zufällig.

Wie bekomme ich eine andere Anordnung mit denselben Einstellungen?

Drücke die Leertaste oder ändere den Seed. Die Einstellungen bleiben, nur Positionen, Formen und Farben werden neu gewürfelt.

Kann ich nur eine Form verwenden?

Ja. Wähle bei Form zum Beispiel nur Kreise oder nur Kringel statt der Mischung.

Ist das SVG bearbeitbar?

Ja. Jedes Stück ist ein einfacher Pfad oder Kreis ohne Transformationen, nach Farbe gruppiert.

Confetti

Konfetti aus Rechtecken, Kreisen, Dreiecken und Kringeln, gleichmässig verteilt. Als SVG oder Bild exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Der Confetti Generator verteilt bunte Formen gleichmässig, aber natürlich über die Fläche. Ideal für Einladungen, Geburtstagsgrafiken, Social-Media-Posts und festliche Hintergründe.

So geht’s

Wähle eine Form oder eine Mischung, stelle Abstand, Grösse und Drehung ein und gib deine Farben vor. Mit der Leertaste erzeugst du neue Varianten. Exportiere als SVG, CSS oder Bild.

Confetti jetzt ausprobieren

Häufige Fragen

Warum überlappen sich die Konfetti nicht?: Die Positionen entstehen per Poisson-Disk-Sampling: Jedes Stück hält einen Mindestabstand ein, so wirkt die Verteilung gleichmässig und trotzdem zufällig.
Wie bekomme ich eine andere Anordnung mit denselben Einstellungen?: Drücke die Leertaste oder ändere den Seed. Die Einstellungen bleiben, nur Positionen, Formen und Farben werden neu gewürfelt.
Kann ich nur eine Form verwenden?: Ja. Wähle bei Form zum Beispiel nur Kreise oder nur Kringel statt der Mischung.
Ist das SVG bearbeitbar?: Ja. Jedes Stück ist ein einfacher Pfad oder Kreis ohne Transformationen, nach Farbe gruppiert.

Alle Generatoren in Muster

Polka Dots
Punktmuster im Raster, versetzt oder frei verstreut. Als SVG oder Bild exportieren.
Im Editor öffnen
Nahtlose Muster
Nahtlos kachelbare Muster aus Formen oder deiner eigenen Grafik. Als SVG, CSS, Kachel oder Bild exportieren.
Im Editor öffnen
Grid Patterns
Rasterlinien, Punktraster, Kreuze oder Kacheln mit Haupt- und Nebenraster. Als SVG oder Bild exportieren.
Im Editor öffnen
Dieter Dots
Konzentrische Punktringe wie bei einem gelochten Lautsprechergitter. Als SVG oder Bild exportieren.
Im Editor öffnen
CSS-Muster
Über 30 Muster aus reinem CSS: Punkte, Raster, Streifen, Wellen und Geometrie. Als CSS, Tailwind, SVG oder Bild exportieren.
Im Editor öffnen
Doodle-Hintergründe
Handgezeichnet wirkende Kringel, Spiralen, Sterne und Zickzacklinien als Hintergrund. Als SVG oder Bild exportieren.
Im Editor öffnen

Mit einem Preset starten

Worum geht’s?

So geht’s

Häufige Fragen

Passende Generatoren

Polka Dots

Nahtlose Muster

Grid Patterns

Dieter Dots

CSS-Muster

Doodle-Hintergründe