Kostenloser Rausch-Textur-Generator

Erzeugen Sie prozedurale Rauschtexturen (Perlin, Worley, fBm). Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.

Aktualisiert am

Share:
Home/Image Tools/Image Noise Generator

Image Noise Generator

Generate procedural noise textures including Perlin, Simplex, Worley, fBm, Pink, and Turbulence noise. Export color maps, normal maps, or height maps with seamless tiling and animation support.

Settings

Preview
512 x 512
perlin

About Noise Types

Perlin & Simplex

Gradient noise for smooth, natural textures. Simplex is faster with fewer directional artifacts. Both are great for organic patterns.

Worley / Voronoi

Cellular noise that creates cell-like patterns. Ideal for stone, scales, bubbles, and organic surfaces.

fBm & Turbulence

Fractal Brownian Motion layers multiple octaves for complex textures like clouds, terrain, and marble. Turbulence uses absolute values for sharper ridges.

White & Pink Noise

White noise has equal energy at all frequencies. Pink noise (1/f) has more energy at low frequencies, producing a more natural, balanced texture.

Octaves & Persistence

Octaves add detail layers. Persistence controls how much each octave contributes. Higher persistence keeps fine detail visible.

Lacunarity

Controls the frequency multiplier between octaves. Higher values create a wider spread between coarse and fine detail.

Seamless Tiling

Blends noise at edges so the texture tiles without visible seams. Essential for repeating game textures and wallpapers.

Normal & Height Maps

Export for 3D rendering. Normal maps encode surface direction in RGB, height maps store elevation as grayscale values.

Häufig gestellte Fragen

Was ist der Rausch-Generator?

Der Rausch-Generator ist ein kostenloses Online-Tool, das prozedurale Rauschtexturen erzeugt, darunter Perlin-, Worley- und fBm-Rauschen, für Design und Spieleentwicklung.

Ist der Rausch-Generator kostenlos?

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Rauscherzeugung erfolgt clientseitig in deinem Browser.

Welche Arten von Rauschen kann ich erzeugen?

Der Rausch-Generator unterstützt Perlin-Rauschen, Worley- (zelluläres) Rauschen und fraktionale Brownsche Bewegung (fBm) mit anpassbaren Parametern.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der Rauschtextur-Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Funktioniert der Rauschtextur-Generator auf Mobilgeräten?

Ja, der Rauschtextur-Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ganz ohne App-Download.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Rauschtextur-Generator in deinem Browser und lege sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Welche Bildformate werden unterstützt?

Der Rauschtextur-Generator unterstützt gängige Bildformate wie PNG, JPG/JPEG, WebP und GIF. Je nach Tool können einige Funktionen auch SVG und BMP unterstützen.

Wie verwende ich den Rauschtextur-Generator?

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der Rauschtextur-Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Was ist der Unterschied zwischen Perlin-Rauschen und Worley-Rauschen?

Perlin-Rauschen ist weiches Gradientenrauschen: Es interpoliert zwischen zufälligen Gradientenwerten und erzeugt so sanfte, fließende Muster ohne harte Kanten, was es ideal für Wolken, Wasser, Terrain-Höhenkarten und andere organische Oberflächen macht. Worley-Rauschen (auch zelluläres oder Voronoi-Rauschen genannt) funktioniert anders: Es verteilt zufällige Merkmalspunkte über das Bild und schattiert jedes Pixel nach seinem Abstand zum nächstgelegenen Punkt, wodurch klar abgegrenzte, zellartige Bereiche entstehen. Diese zelluläre Struktur macht Worley zur natürlichen Wahl für Stein, rissige Oberflächen, Reptilienschuppen und Wasserkaustiken, wo Perlin zu gleichförmig wirken würde. Simplex ist eine schnellere Perlin-Variante mit weniger richtungsabhängigen Artefakten, während fBm Perlin-artige Oktaven für reichere Details übereinanderschichtet. Sie können in diesem Generator zwischen allen acht Rauscharten wechseln und sie in der Live-Vorschau direkt vergleichen, bevor Sie exportieren.

Was steuern Octaves und Persistence beim fBm-Rauschen?

fBm, die fraktionale Brownsche Bewegung, baut Details auf, indem es mehrere Rauschebenen, sogenannte Oktaven, übereinanderschichtet. Jede weitere Oktave wird mit höherer Frequenz abgetastet und mit kleinerer Amplitude wieder hinzugefügt, sodass die erste Oktave die grobe Form vorgibt, während spätere Oktaven zunehmend feinere Details ergänzen. Der Octaves-Regler bestimmt, wie viele dieser Ebenen gestapelt werden, und Lacunarity steuert, wie schnell die Frequenz zwischen ihnen ansteigt. Persistence, ein Wert zwischen 0 und 1, legt fest, wie viel Amplitude jede Oktave im Vergleich zur vorherigen behält: Niedrige Persistence lässt feine Details schnell verblassen und ergibt einen weichen, diffusen Look, während hohe Persistence die kleinen Merkmale kräftig hält und ein raues, körniges Ergebnis erzeugt. Zusammen bewegen diese Parameter eine Textur zwischen weichen Wolken und zerklüftetem Terrain. Passen Sie die Regler für Octaves, Persistence und Lacunarity an und beobachten Sie, wie sich die Vorschau aktualisiert, um genau den gewünschten Detailgrad einzustellen.

Warum zeigt eine gekachelte Rauschtextur eine sichtbare Naht, und wie behebe ich das?

Eine normale Rauschtextur wird als eigenständiges Quadrat erzeugt, sodass ihre linke Kante nicht zur rechten Kante passt und ihre obere Kante nicht zur unteren. Wenn Sie dieses Bild über eine Wand, einen Boden oder einen CSS-Hintergrund wiederholen, treffen diese nicht übereinstimmenden Kanten bei jeder Wiederholung aufeinander und erzeugen eine harte Linie, die Naht. Die Lösung besteht darin, das Rauschen so zu erzeugen, dass es umläuft: Der Algorithmus tastet Koordinaten ab, die sich an den Rändern in sich selbst zurückschließen, wodurch gegenüberliegende Kanten identisch werden und Kopien in jeder Richtung unsichtbar kacheln. Dieser Generator enthält eine Option für nahtloses Kacheln, die genau das leistet. Aktivieren Sie sie, bevor Sie eine Textur exportieren, die Sie wiederholen möchten, und testen Sie das Ergebnis, indem Sie es als gekachelten Hintergrund einsetzen. Für Einzelbilder, die nie wiederholt werden, können Sie Seamless deaktiviert lassen. Aktivieren Sie oben die nahtlose Kachelung, sobald Ihre Textur Kante an Kante umlaufen muss.

Was ist der Unterschied zwischen einer Normal Map und einer Height Map?

Beide beschreiben die Oberflächenform statt Farbe, kodieren sie aber unterschiedlich. Eine Height Map ist ein Graustufenbild, bei dem Helligkeit die Höhe darstellt: Weiß ist hoch, Schwarz ist niedrig, sodass sie wie ein topografisches Relief der Oberfläche wirkt. Eine Normal Map ist ein farbiges, bläulich getöntes Bild, bei dem die Rot-, Grün- und Blaukanäle die Richtung kodieren, in die jeder Punkt der Oberfläche im 3D-Raum zeigt. Game- und 3D-Engines lesen Normal Maps aus, um detaillierte Beleuchtung und Unebenheiten auf flacher Geometrie vorzutäuschen, ohne zusätzliche Polygone hinzuzufügen, was Szenen performant hält. Height Maps werden häufig für Displacement, Terrain und als Quelle zur Ableitung einer Normal Map verwendet. Dieses Tool kann aus demselben Rauschfeld wahlweise eine Normal Map oder eine Height Map ausgeben, zusätzlich zu einem normalen Farbbild. Wählen Sie den Map-Typ, der zum Material-Slot Ihrer Engine passt, bevor Sie Ihre Textur exportieren.

Warum dauert die Erzeugung einer großen 4096-px-Rauschtextur länger als eine Vorschau?

Das Rauschen wird Pixel für Pixel von JavaScript auf Ihrem eigenen Gerät berechnet, ohne dass ein Server die Arbeit übernimmt. Ein 4096 x 4096 Pixel großes Bild enthält über sechzehn Millionen Pixel, etwa sechzehnmal so viele wie eine 1024-px-Textur, und jedes einzelne dieser Pixel wird durch die Rauschfunktion ausgewertet. Fraktale Typen wie fBm und Turbulence erhöhen diesen Aufwand zusätzlich, weil jedes Pixel einmal pro gestapelter Oktave abgetastet wird. Ein großes Bild mit vielen Oktaven kann daher spürbar länger zum Rendern brauchen als eine kleine Vorschau. Der praktische Ansatz besteht darin, Ihre Einstellungen zunächst in einer kleinen Vorschaugröße zu justieren, bei der sich das Canvas nahezu sofort aktualisiert, und die Ausgabegröße erst für den finalen Export zu erhöhen. Dieser Generator unterstützt Größen von 16 px bis 4096 px im Quadrat mit Ein-Klick-Voreinstellungen – halten Sie die Größe beim Experimentieren klein und skalieren Sie erst am Ende hoch.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/noise-generator" title="Free Noise Texture Generator — The Toolbox" width="100%" height="380" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/image-tools/noise-generator?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Noise Texture Generator</a> by The Toolbox</p>

Über den Noise Texture Generator

Der Noise Texture Generator ist ein kostenloses Online-Tool, mit dem Sie prozedurale Rauschtexturen direkt im Browser erzeugen. Statt von einem Foto auszugehen, baut das Tool ein Bild aus einer mathematischen Rauschfunktion auf – jedes Ergebnis entsteht also von Grund auf neu und wird vollständig über die Parameter gesteuert, die Sie einstellen. Game-Entwickler, Technical Artists, Motion Designer und Webentwickler nutzen prozedurales Rauschen als Ausgangspunkt für Terrain, Wolken, Wasser, Marmor, organische Oberflächen, Grain-Overlays und Hintergründe, die sich nicht offensichtlich wiederholen.

Alles wird auf Ihrem eigenen Gerät berechnet. Es gibt keinen Upload, kein Konto und keine Serververarbeitung – das Rauschen wird von JavaScript in Ihrem Browser direkt auf ein HTML-Canvas gezeichnet. Das bedeutet, Ihre Arbeit bleibt privat, und das Tool funktioniert auch dann weiter, wenn die Seite bereits offline geladen wurde.

Welche Rauscharten Sie erzeugen können

Prozedurales Rauschen ist kein einzelner Algorithmus, sondern eine ganze Familie davon, und jede Variante hat einen eigenen Charakter. Dieser Generator enthält acht:

  • Perlin und Simplex — weiches Gradientenrauschen; die klassische Wahl für natürliche, fließende Muster.
  • Value — interpolierte Zufallswerte, etwas kantiger als Perlin.
  • Worley (zellulär) — Voronoi-artige Zellen, gut geeignet für Stein, Schuppen, rissige Oberflächen und Wasserkaustiken.
  • White — reiner Zufall pro Pixel, das rohe Rauschen, das für Filmkorn und Dithering verwendet wird.
  • fBm (fraktionale Brownsche Bewegung) — schichtet mehrere Oktaven von Rauschen übereinander für wolken- und terrainartige Details.
  • Turbulence und Pink — wolkig-bauschige bzw. 1/f-gewichtete Varianten für Rauch, Feuer und weichere organische Texturen.

Das Ergebnis mit Parametern formen

Jede Textur wird über einen kleinen Satz an Reglern feinjustiert. Scale bestimmt den Zoom des Musters, während Octaves (1–10), Persistence (0–1) und Lacunarity (etwa 0,2–4,0) festlegen, wie viel feines Detail fraktale Rauscharten wie fBm auf jeder Ebene hinzufügen. Ein numerischer Seed macht jede Textur exakt reproduzierbar – notieren Sie sich den Seed, und Sie können später genau dasselbe Bild erneut erzeugen, oder klicken Sie auf Randomize, um zu experimentieren. Sie können die Werte außerdem invertieren, nahtloses Kacheln (Seamless Tiling) aktivieren, sodass sich die Textur ohne sichtbare Naht von Kante zu Kante wiederholt, und die Vorschau animieren, um zu beobachten, wie sich das Feld in Echtzeit verändert.

Auch bei der Farbe haben Sie viel Freiraum. Neben einem zweistufigen Farbverlauf mit selbst gewählten Farben stehen vordefinierte Paletten wie Graustufen, Feuer, Eis, Erde, Terrain, Ozean, Regenbogen und Plasma zur Verfügung, die den Rauschwert auf eine Farbrampe abbilden. Für Pipeline-Arbeiten kann das Tool aus demselben Rauschen zusätzlich eine Normal Map oder eine Height Map ausgeben – nicht nur ein Farbbild.

Von der schnellen Textur zum einsatzfähigen Asset

Sobald eine Textur passt, legen Sie die Ausgabegröße fest – von 16 px bis hin zu 4096 px im Quadrat, mit Ein-Klick-Auflösungsvorgaben bis 2048 x 2048 – und exportieren sie. Sie können das Ergebnis als PNG, JPEG, WebP oder SVG herunterladen oder es direkt als Data-URL in die Zwischenablage kopieren, um es in Code oder ein CSS-background-image einzufügen.

Ein paar Dinge, die beim Erzeugen nützlich zu wissen sind:

  • Nahtloses Kacheln ist bei sich wiederholenden Flächen entscheidend. Eine Textur, die über eine Wand, einen Boden oder einen Web-Hintergrund gekachelt wird, zeigt eine harte Naht, wenn sie nicht zum Umlaufen erzeugt wurde; aktivieren Sie Seamless, bevor Sie gekachelte Assets exportieren.
  • Normal- und Height-Maps beschreiben Form, nicht Farbe. Eine Height Map kodiert Höhe als Helligkeit; eine Normal Map kodiert die Oberflächenrichtung als RGB-Werte, die Game- und 3D-Engines auslesen, um detaillierte Beleuchtung ohne zusätzliche Geometrie vorzutäuschen.
  • Große Abmessungen brauchen länger. Da das Rauschen Pixel für Pixel auf Ihrer eigenen Hardware berechnet wird, ist ein 4096-px-Bild mit vielen Oktaven aufwendiger als eine kleine Vorschau – stellen Sie die Regler zunächst in Vorschaugröße ein und skalieren Sie erst für den finalen Export hoch.

Passen Sie die Regler oben an, beobachten Sie, wie sich die Live-Vorschau aktualisiert, und laden Sie Ihre Rauschtextur herunter, sobald sie passt.