Mesh-Farbverlauf-Generator
Erstelle Hintergründe mit Mesh-Farbverläufen (verschwommene Farbflecken) und lade sie als PNG herunter oder kopiere den CSS-Code.
So erstellen Sie online einen Mesh-Gradienten
Wählen Sie die Hintergrundfarbe und fügen Sie Farben hinzu
Wählen Sie eine Basisfarbe und fügen Sie bis zu 6 Farbflecken hinzu, die sich ineinander vermischen.
Positionen zufällig anordnen
Klicken Sie auf die Schaltfläche zum Zufallsgenerator, um die Farbflecken zu verschieben, bis Sie eine Kombination finden, die Ihnen gefällt.
PNG herunterladen oder CSS kopieren
Laden Sie das Ergebnis als gebrauchsfertiges PNG-Bild herunter oder kopieren Sie den CSS-Code, um ihn direkt auf Ihrer Website anzuwenden.
Häufig gestellte Fragen zum Mesh-Gradient-Generator
Mesh-Gradienten (oder Netzverläufe) haben sich als Hintergrund für Webseiten, Apps und soziale Netzwerke aufgrund ihres weichen und abstrakten Aussehens popularisiert. Dieses Tool generiert sie und lädt sie direkt in Ihrem Browser herunter.
Was ist ein Mesh-Gradient?
+
Es ist ein Farbverlauf, der aus mehreren verschwommenen Farbflecken besteht, die ineinander übergehen, anstatt einen einfachen linearen oder radialen Übergang zwischen zwei Farben zu erzeugen.
Wie unterscheidet es sich vom normalen CSS-Gradient-Generator?
+
Der CSS-Gradient-Generator erstellt lineare oder radiale Übergänge zwischen 2 und 4 Farben. Dieser Generator erzeugt einen organischeren Effekt mit mehreren unabhängigen Farbflecken und ermöglicht es dir außerdem, das Ergebnis direkt als PNG-Bild herunterzuladen.
Wie viele Farben kann ich verwenden?
+
Du kannst zwischen 3 und 6 Farben im selben Mesh-Gradient kombinieren.
Kann ich das Ergebnis als Bild herunterladen?
+
Ja, du kannst den Mesh-Gradienten direkt im PNG-Format herunterladen und sofort als Hintergrund verwenden.
Ist es kostenlos?
+
Ja, dieses Werkzeug ist vollständig kostenlos.
Wird mein Design auf einen Server hochgeladen?
+
Nein. Der gesamte Prozess, von der Generierung bis zum Download der PNG, findet direkt in deinem Browser statt, ohne dass Daten auf einen Server hochgeladen werden.
Farben
Farbkonverter (HEX, RGB, HSL, CMYK)
Konvertiert beliebige Farben zwischen HEX, RGB, HSL und CMYK sofort mit Livevorschau und dem nächsten Farbnamen.
Farbpaletten-Generator
Erstellen Sie harmonische 5-Farben-Paletten (komplementär, analog, triadisch oder monochromatisch) basierend auf einer Grundfarbe.
CSS-Gradient-Generator
Erstelle lineare oder radiale Farbverläufe mit bis zu 4 Farben und kopiere den einsatzbereiten CSS-Code.
WCAG-Kontrastprüfer
Überprüfe, ob die Farbkombination aus Text und Hintergrund die Barrierefreiheitsstufen AA und AAA erfüllt.
Zufällige Farbe
Generiere eine zufällige Farbe mit einem Klick und entdecke ihren Namen, ihren HEX-/RGB-/HSL-Code und ähnliche Farben.
Farbpicker (Pipette)
Wähle jede Farbe von deinem Bildschirm mit dem Browser-Pipettenwerkzeug oder nutze den klassischen Farbwähler.
Farbenblindheitssimulator
Laden Sie ein Bild hoch und sehen Sie, wie es Menschen mit Protanopie, Deuteranopie oder Tritanopie wahrnehmen würden.
Farbton- und Schattenregler
Generiere automatisch die hellsten Farbtöne und dunkelsten Schatten jeder Farbe mit ihrem HEX-Code.
Farbmischer
Mische zwei Farben und entdecke die Zwischentöne Schritt für Schritt mit ihrem HEX-Code.
Farbrad (Harmonien)
Wählen Sie eine Farbe auf dem Rad und entdecken Sie ihre harmonischen Kombinationen: Komplementär-, Analog-, Triadische und mehr.
Farbpaletten-Extraktor aus Bild
Laden Sie ein Bild hoch und extrahieren Sie automatisch die dominantesten Farben in einer Palette mit HEX-Code für jede Farbe.
Durchschnittliche Farbe eines Bildes
Laden Sie ein Bild hoch und berechnen Sie sofort seine Durchschnittsfarbe mit HEX-, RGB- und HSL-Code.
Erkunde Farben nach Familie
Über 469 benannte Farben mit ihren HEX-, RGB-, HSL- und CMYK-Codes, organisiert in 12 Farbfamilien.
