Designer, Studierende und alle, die einen Bildschirmhintergrund erstellen, können mit den Steuerelementen einen Verlauf gestalten und anschließend exportieren. Das Bild wird lokal in Ihrem Browser erzeugt. So können Sie eine Datei erstellen, ohne Ihre Farbauswahl an anderer Stelle hochzuladen.
So verwenden Sie den Verlaufshintergrund-Generator
- Wählen Sie unter Hintergrundfüllung die Option Einfarbig, Linear oder Radial. Legen Sie die Primärfarbe fest und fügen Sie Verlaufsstopps hinzu oder entfernen Sie sie, um den gewünschten Farbverlauf zu erstellen.
- Passen Sie bei einem linearen Verlauf den Verlaufswinkel (Grad) an. Verwenden Sie den Zufallsstartwert und eine Verlaufsvorgabe (Meer oder Dämmerung), und wählen Sie anschließend Aus Startwert generieren, um eine Variation mit Startwert zu erstellen. Stopps an derselben Position bilden absichtlich harte Kanten.
- Wählen Sie eine Vorgabe für die Ausgabeauflösung, etwa 1920x1080, 1080x1080 oder 1080x1920. Wählen Sie Benutzerdefiniert, um Ausgabe-Breite (Pixel) und Ausgabe-Höhe (Pixel) selbst einzugeben.
- Wählen Sie unter Bildformat PNG, JPG oder WEBP. Die Vorschau ist klein; wählen Sie Bild herunterladen, um die Datei in voller Größe zu erstellen und herunterzuladen.
- Wählen Sie Basis-Verlauf-CSS kopieren, wenn Sie das CSS für den Basisverlauf benötigen. Verwenden Sie Vollbild, um die Szene zu vergrößern, Steuerelemente ausblenden, um die Steuerelemente auszublenden, oder Zurücksetzen, um von vorn zu beginnen. Drücken Sie F für Vollbild, R zum Zurücksetzen und Escape, um den Vollbildmodus zu verlassen.
Wann Sie das Tool verwenden können
- Ein Desktop-Hintergrundbild erstellen: Wählen Sie eine Breitbildauflösung wie 1920x1080 oder 3840x2160, passend zu einem gängigen Bildschirmformat.
- Einen Handyhintergrund erstellen: Wählen Sie das Hochformat 1080x1920 für ein hochkantiges Motiv.
- Einen quadratischen Grafikhintergrund vorbereiten: Wählen Sie 1080x1080 für eine quadratische Arbeitsfläche.
- Farbkombinationen ausprobieren: Passen Sie Primärfarbe und Verlaufsstopps vor dem Herunterladen an, anstatt exportierte Dateien immer wieder zu bearbeiten.
- Einen Hintergrund mit einer scharfen Farbgrenze gestalten: Platzieren Sie Stopps an derselben Position, um eine gezielte harte Kante zu erzeugen.
- Mit einem vertrauten Ausgangspunkt beginnen: Wählen Sie Meer oder Dämmerung als Verlaufsvorgabe und erstellen Sie eine Variation mit einem Startwert.
- Einen Verlauf in ein Webdesign einfügen: Kopieren Sie das Basis-Verlauf-CSS als Ausgangspunkt für den Hintergrundstil.
Tipps für bessere Verlaufshintergründe
Wählen Sie zuerst das Ausgabeformat, bevor Sie die Farben fein abstimmen: Ein Verlauf, der in einer breiten Vorschau ausgewogen wirkt, kann in einem Hoch- oder Quadratformat anders aussehen. Wenn Sie eine bestimmte Arbeitsflächengröße im Sinn haben, wählen Sie Benutzerdefiniert und geben Sie Breite und Höhe ein.
| Einstellung | Auswirkung |
|---|---|
| Verlaufswinkel (Grad) | Legt die Richtung eines linearen Verlaufs fest. |
| Verlaufsstopps | Ermöglichen die Kontrolle über Farben und Übergänge im Verlauf; Stopps an derselben Position erzeugen eine harte Kante. |
| Bildformat | PNG, JPG und WEBP sind verfügbar. JPG und WEBP können Pixelwerte verändern. |
| Ausgabeauflösung | Legt die Abmessungen des heruntergeladenen Bildes fest. 8K hängt vom Gerät ab. |
Die Vorschau ist nur eine kleine Darstellung: Das vollständige Bild wird erstellt, wenn Sie Bild herunterladen auswählen. Denken Sie bei einer CSS-Umsetzung daran, dass Basis-Verlauf-CSS kopieren nur den Basisverlauf beschreibt, nicht zusätzliche Muster, Texte oder Formen.
Was Sie beachten sollten
Der Verlaufshintergrund-Generator erstellt ein herunterladbares Bild, garantiert jedoch nicht, dass das Ergebnis auf jedem Bildschirm oder in jedem Browser identisch aussieht. Die Darstellung über Canvas und CSS kann an Kanten voneinander abweichen, insbesondere bei harten Übergängen. JPG und WEBP können ebenfalls Pixelwerte verändern. Wählen Sie daher PNG, wenn exakte Pixelwerte erhalten bleiben sollen.
Die maximale Ausgabegröße beträgt 33.177.600 Pixel. Sehr große Exporte können von Ihrem Gerät abhängen; 8K funktioniert nicht garantiert auf jedem Gerät. Wenn ein großer Download langsam ist oder fehlschlägt, wählen Sie eine niedrigere Auflösung oder geben Sie kleinere benutzerdefinierte Abmessungen ein. Prüfen Sie bei farbkritischen Arbeiten das exportierte Bild in der vorgesehenen Software und auf dem Zielbildschirm.
