# Aesthetic Hintergrund: so machst du deinen eigenen

[Canonical HTML page](https://gradiently.design/de/guide/aesthetic-backgrounds)

Heruntergeladene Hintergründe teilst du mit allen, die dieselbe Seite gefunden haben. Einen eigenen zu machen, dauert einen Nachmittag, und das Ergebnis passt zu deinem Handy, deinem Desktop und deinen Posts.

## The short version

- Ein Aesthetic-Hintergrund ist meist eine weiche, kontrastarme Farbfläche mit sanftem Licht und ein wenig Textur statt eines unruhigen Bildes.
- Die meisten Aesthetic-Looks entstehen aus einer schmalen Farbpalette: drei bis fünf Farben mit ähnlicher Helligkeit und ein etwas tieferer Ton für die Tiefe.
- Ein Hauch Körnung lässt weiche Farbverläufe wie Film oder Papier wirken und versteckt die Streifen, die glatte Verläufe zeigen können.
- Mach einen Look und exportiere ihn dann für jedes Format, das du nutzt, etwa als Handyhintergrund in 1080 mal 1920, als Desktop in 1920 mal 1080 und als Post in 1080 mal 1350.
- Halte die ruhigste Stelle des Hintergrunds dort frei, wo Uhr, Icons oder Worte stehen.

Ein **Aesthetic-Hintergrund** ist in der Praxis eine weiche Farbfläche mit sanftem Licht und ein wenig Textur: ein Pfirsichschleier, ein Salbeimorgen, eine Lavendeldämmerung, ein dunkles, filmisches Braun. Um deinen eigenen zu machen, wähle drei bis fünf Farben mit ähnlicher Helligkeit, mische sie weich mit einer sanften Lichtquelle, füge einen Hauch Körnung hinzu und exportiere denselben Look für jeden Bildschirm und jedes Format, das du nutzt. Das Ergebnis wirkt ruhig, persönlich und stimmig, und das meinen die meisten mit „aesthetic“.

Dieser Artikel liefert dir fertige Farbpaletten mit Codes, die Methode für deine eigenen und eine Reihe von Größen, damit Handy, Desktop und Posts zusammenpassen. Zum Farbdenken dahinter lies [Pastell-Farbverläufe](https://gradiently.design/de/guide/pastel-gradients) und [Grundlagen der Farbtheorie](https://gradiently.design/de/guide/color-theory-basics).

## Was einen Hintergrund aesthetic wirken lässt

Sieh dir Hintergründe, die Leute speichern und teilen, genau an, und dieselben Merkmale tauchen immer wieder auf. Keines davon betrifft eine bestimmte Farbe: Es geht um Zurückhaltung.

- **Wenig Kontrast.** Die Farben liegen in der Helligkeit nah beieinander, nichts springt heraus.
- **Weiche Übergänge.** Die Verläufe sind lang und allmählich, ohne harte Kanten.
- **Eine Lichtquelle.** Ein Bereich ist etwas heller, wie Fensterlicht, und gibt der Fläche Tiefe.
- **Textur.** Feine Körnung oder Papierstruktur lässt es körperlich statt digital wirken.
- **Raum.** Es gibt nichts anzuschauen, und genau deshalb funktioniert es hinter Icons, Worten und Fotos.

- Pfirsichschleier: `linear-gradient(160deg, #fde2d4 0%, #f9c6c9 50%, #e8c5e5 100%)`
- Salbeimorgen: `linear-gradient(180deg, #eef2e6 0%, #cfdcc4 55%, #a9bfa3 100%)`
- Lavendeldämmerung: `linear-gradient(165deg, #e9e4ff 0%, #c9bdf2 50%, #9d8fd9 100%)`
- Buttriges Licht: `radial-gradient(circle at 30% 20%, #fff6d6 0%, #fbe3a4 45%, #f2c78b 100%)`
- Wolkenblau: `linear-gradient(180deg, #f3f7ff 0%, #d7e6fb 50%, #b9cfee 100%)`
- Ballettrosa: `linear-gradient(180deg, #fff0f3 0%, #fbd3dc 55%, #f2aebf 100%)`
- Dark Academia: `linear-gradient(170deg, #4a3b33 0%, #2e241f 55%, #171210 100%)`
- Mitternachtsfilm: `radial-gradient(ellipse at 70% 20%, #3a3560 0%, #1c1a33 50%, #0d0c18 100%)`

Acht Aesthetic-Hintergründe als einzelne CSS-Farbverläufe. Jeder hält seine Farben in der Helligkeit nah beieinander, und das macht sie ruhig.

Helle und dunkle Aesthetics folgen denselben Regeln, nur umgekehrt. Helle halten jede Farbe blass und lassen einen etwas tieferen Ton an einem Rand sammeln. Dunkle halten alles tief und lassen einen einzelnen wärmeren oder helleren Fleck als Licht wirken, wie eine Lampe in einem schummrigen Raum. Dunkle Hintergründe brauchen noch mehr Körnung, weil Banding in den Schatten am stärksten auffällt. Mehr dazu in [dunkle Verlaufshintergründe](https://gradiently.design/de/guide/dark-gradient-backgrounds).

## So machst du deinen eigenen Aesthetic-Hintergrund

1. **Wähle ein Stimmungswort** Ein oder zwei Worte: *fauler Sonntag*, *Morgen am Meer*, *alte Bibliothek*. Stimmungen führen verlässlicher zu Farbpaletten als Farbnamen.
2. **Sammle drei bis fünf Farben** Nimm sie aus einem Foto mit dieser Stimmung oder baue sie von Hand. Halte sie in der Helligkeit nah beieinander, mit einem etwas tieferen Ton. [Eine Farbpalette aus einem Foto ziehen](https://gradiently.design/de/guide/color-palette-from-image) zeigt dir, wie.
3. **Bestimme die Lichtrichtung** Entscheide, woher das Licht kommt, meist von oben oder aus einer oberen Ecke. Setze die hellste Farbe dorthin und lass den Rest davon abfallen.
4. **Mische weich** Nutze lange Übergänge mit weit verteilten Stopps oder ein paar überlappende radiale Flecken für eine weichere, wolkige Fläche. Vermeide scharfe Stopps.
5. **Füge Körnung hinzu** Ein wenig Rauschen über dem ganzen Bild. Genug, um es zu spüren, nicht genug, um es auf Armlänge zu sehen. [Körnige Farbverläufe](https://gradiently.design/de/guide/grainy-gradients) erklärt, warum das funktioniert.
6. **Exportiere für jedes Format** Rendere den Look in jeder Größe, die du brauchst, statt ein Bild zuzuschneiden, damit das Licht an der richtigen Stelle bleibt.

- Leinen: #fbe9dd
- Aprikosenmilch: #f4d3c2
- Rosenton: #e9bfb4
- Staubiges Mauve: #d7b8c9
- Tiefe: Pflaumenschatten: #a88ca6

Eine durchgespielte Farbpalette für die Stimmung *fauler Sonntag*: vier nahe, warme Töne und ein tieferes Pflaume, das an den Rändern Tiefe schafft.

> **Warum weiche Hintergründe Streifen zeigen** Sanfte Farbverläufe mit nahen Farben sind genau die Stelle, an der Bildschirme Streifen zeigen, besonders in dunklen Tönen und bei komprimierten Bildern. Körnung versteckt sie. Siehst du Streifen, lies [Gradient Banding](https://gradiently.design/de/guide/gradient-banding).

## Aesthetic-Hintergründe für Handy, Desktop und Posts

Der Sinn eines eigenen Hintergrunds ist, dass alles zusammenpasst. Mach einen Look und exportiere ihn für jeden Ort, an dem er lebt. Handys sind am höchsten: Viele moderne Displays sind höher als 9:16. Exportiere deshalb einen Handyhintergrund mit zusätzlicher Höhe oder prüfe die genaue Größe deines Displays, wie in [Handy-Wallpaper-Größe](https://gradiently.design/de/guide/phone-wallpaper-size) erklärt.

- Handyhintergrund 1080×1920: 1080 × 1920
- Desktop 1920×1080: 1920 × 1080
- Post 1080×1350: 1080 × 1350
- Quadrat 1080×1080: 1080 × 1080

Ein Look, vier Exporte. Platziere das Licht für jedes Format, statt ein einziges Bild zuzuschneiden.

Jedes Format hat seine eigenen unruhigen Zonen. Auf dem Handy-Sperrbildschirm sitzt die Uhr oben und die Mitteilungen in der Mitte. Auf dem Desktop reihen sich Icons meist an einem Rand. Bei einem Post brauchen die Worte eine ruhige Fläche. Verschiebe die Lichtquelle so, dass der ruhigste Teil der Fläche unter diesen Elementen liegt.

Ein Post im Hochformat mit kurzem Titel auf einem weichen, warmen Farbverlaufshintergrund

Ein Post im Aesthetic-Look: Die Worte sitzen im ruhigen oberen Bereich.

Eine vertikale Story mit einem kurzen Zitat auf demselben weichen Farbverlauf wie der Post

Derselbe Look als Story, für das höhere Format gerendert statt zugeschnitten.

## So wirkt er nicht beliebig

Weiche Pastell-Farbverläufe sind beliebt, also sind die Standardvarianten überall. Ein paar kleine Entscheidungen machen deinen unverwechselbar.

### Beliebig

- Eine Zwei-Farben-Vorlage aus einem Generator
- Perfekt glatt, ohne Textur
- Gleichmäßig beleuchtet von Ecke zu Ecke
- Ein anderer Look für Handy, Desktop und Posts

### Deiner

- Vier oder fünf Farben aus deiner eigenen Stimmung
- Feine Körnung wie bei Film oder Papier
- Eine klare Lichtquelle
- Ein Look, für jedes Format gerendert

Wenn du lieber mit etwas Fertigem startest: Im Markt von Gradiently findest du Tausende Marks, lebendige Farbverlaufshintergründe mit Farbe, Material, Licht, Körnung und Bewegung. Du kannst sie nach Farbwörtern wie „sanftes Pfirsich“ oder „tiefes Petrol“ durchsuchen und kostenlos damit gestalten. Das Studio legt denselben Look dann für dein Handy, deinen Desktop und deine Posts aus.

## FAQ

### Was macht einen Hintergrund aesthetic?

Meist eine weiche, kontrastarme Farbpalette, sanfte Übergänge, eine einzelne Lichtquelle und ein wenig Textur wie Körnung. Zurückhaltung, nicht eine bestimmte Farbe, prägt den Look.

### Wie mache ich ein Aesthetic-Wallpaper für mein Handy?

Wähle drei bis fünf ähnliche Farben, mische sie weich mit dem Licht nahe der Oberkante, füge feine Körnung hinzu und exportiere in einer hohen Größe, mit zusätzlicher Höhe für Handys, die höher als 9:16 sind.

### Welche Farben sind aesthetic?

Alle, wenn sie in Helligkeit und Sättigung nah beieinanderliegen. Beliebte Familien sind Pfirsich und Rosé, Salbei und Creme, Lavendel und Graublau sowie tiefe Brauntöne für dunklere Stimmungen.

### Warum hat mein weicher Hintergrund Streifen?

Glatte Farbverläufe zwischen nahen Farben zeigen auf vielen Bildschirmen Banding, besonders nach der Kompression. Feine Körnung und ein Export in hoher Qualität verstecken es meist.