# Logo-Hintergründe: 20 Ideen, dein Logo in Szene zu setzen

[Canonical HTML page](https://gradiently.design/de/guide/logo-background-ideas)

Der Hintergrund verändert, wie ein Logo wirkt, mindestens so stark wie das Logo selbst. Hier sind zwanzig Hintergründe zum Ausprobieren, von schlichten Farbflächen bis Körnung und Licht, jeweils mit der passenden Logoversion.

## The short version

- Die besten Ideen für Logo-Hintergründe stammen aus vier Familien: einfarbige Flächen, Verläufe, Texturen und Materialien sowie Fotografie.
- Jedes Logo braucht mindestens eine Vollfarbversion, eine einfarbig dunkle und eine einfarbig helle, denn keine einzelne Version passt auf jeden Hintergrund.
- Ein Logo sollte auf dem ruhigsten, gleichmäßigsten Teil eines Hintergrunds sitzen, nie quer über einen starken Farbwechsel.
- Verlaufs- und Texturhintergründe geben einem Logo Präsenz, müssen aber über die gesamte Fläche, die das Logo bedeckt, genug Kontrast halten.
- Zwei oder drei Logo-Hintergründe zu wählen und nur diese zu nutzen, macht eine Marke wiedererkennbarer, als jedes Mal einen neuen zu nehmen.

Gute **Ideen für Logo-Hintergründe** fallen in vier Familien: einfarbige Flächen, Verläufe, Texturen und Materialien sowie Fotografie. Wähle die Familie, die zur Persönlichkeit der Marke passt, und kombiniere sie mit der richtigen Version deines Logos: Vollfarbe auf ruhigen hellen Gründen, ein einfarbiges negatives Logo auf dunklen oder unruhigen. Unten findest du zwanzig Hintergründe zum Ausprobieren, fünf aus jeder Familie, mit Codes für die Verläufe und dem Hinweis, welche Logoversion wohin gehört.

Das ist eine Ideenliste. Die praktische Methode, ein Logo auf einen Verlauf zu setzen, mit Kontrastprüfung und Exporteinstellungen, findest du unter [Logo auf Verlaufshintergrund](https://gradiently.design/de/guide/logo-on-gradient-background).

## Welche Logoversion zu welchem Hintergrund passt

Bevor du Hintergründe wählst, stelle sicher, dass du die Versionen hast, die darauf gesetzt werden. Die meisten Marken brauchen mindestens drei, und der Hintergrund entscheidet, welche du nutzt. [Logovarianten](https://gradiently.design/de/guide/logo-variations) erklärt den vollständigen Satz.

| Hintergrund | Logoversion | Warum |
| --- | --- | --- |
| Weiß oder heller Vollton | Vollfarbe | Der Standard, bei dem Markenfarben am wahrsten wirken |
| Dunkler Vollton | Einfarbig, negativ (weiß) | Markenfarben verlieren auf Dunkel oft Kontrast |
| Vollton in Markenfarbe | Einfarbig, weiß oder schwarz | Vermeide ein farbiges Logo auf einer ähnlichen Farbe |
| Verlauf | Einfarbig, passend zur Fläche dahinter gewählt | Der Kontrast ändert sich über den Verlauf |
| Foto oder Textur | Einfarbig, auf der ruhigsten Region | Details hinter dünnen Strichen zerreißen sie |

Eine Faustregel, die die meisten Fälle abdeckt. Im Zweifel ist die einfarbige Version die sicherere Wahl.

## Einfarbige Logo-Hintergründe (1 bis 5)

Schlichte Hintergründe wirken selbstbewusst. Sie passen zu Marken, deren Logo die Persönlichkeit bereits trägt, und sie kämpfen nie gegen das Zeichen.

1. **Warmes Off-White.** Weicher als reines Weiß und gedruckter im Gefühl. Vollfarb-Logo.
2. **Fast Schwarz.** Nicht reines Schwarz, sondern tiefe Tinte mit einem Hauch Farbton, das wirkt satter. Weißes Logo.
3. **Deine Hauptmarkenfarbe.** Eine volle Fläche davon, Logo in Weiß. Der kräftigste Einsatz einer einzelnen Farbe.
4. **Ein tiefer Ton deiner Markenfarbe.** Marine für eine blaue Marke, Aubergine für eine lila. Wirkt hochwertig.
5. **Ein heller Ton.** Mint für eine grüne Marke, Rosé für eine rote. Das Vollfarb-Logo sitzt darauf bequem.

- Warmes Off-White: #f6f2ea
- Tintenschwarz: #14121a
- Markenblau: #2b4bd8
- Tiefer Blauton: #13204d
- Heller Blauton: #dfe6ff

Ideen 1 bis 5 für eine blaue Marke: Off-White, Tinte, die Markenfarbe selbst, ein tiefer Ton und ein heller Ton. Setze deinen eigenen Farbton ein.

## Logo-Hintergründe mit Verlauf (6 bis 10)

Ein Verlauf bringt Tiefe und Bewegung, ohne Objekte hinzuzufügen. Halte das Logo über dem ruhigeren Ende und die Farben verwandt, damit der Übergang sauber bleibt.

1. **Tonaler Bogen.** Deine Markenfarbe von tief zu hell, Logo am tiefen Ende.
2. **Weiches Spotlight.** Ein radiales Farbleuchten von einer Ecke auf dunklem Grund. Das Logo sitzt im Dunkeln, von seiner Umgebung beleuchtet.
3. **Zwei Nachbarn.** Zwei Farben, die im Farbkreis nebeneinanderliegen, etwa Petrol in Blau.
4. **Sonnenuntergangsband.** Warme Farben, die vom unteren Rand aufsteigen, mit dem Logo im kühleren oberen Bereich.
5. **Mesh-Glühen.** Mehrere weiche Farbflecken ineinander verschmolzen, organischer als eine gerade Linie. Siehe [Mesh-Verläufe](https://gradiently.design/de/guide/mesh-gradients).

- 6. Tonaler Bogen: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)`
- 7. Weiches Spotlight: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)`
- 8. Zwei Nachbarn: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)`
- 9. Sonnenuntergangsband: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)`

Vier Logo-Hintergründe mit Verlauf zum Kopieren. Setze ein weißes Logo in die tiefen Bereiche und prüfe den Kontrast, wo die Farbe heller wird.

## Logo-Hintergründe mit Textur und Material (11 bis 15)

Textur lässt einen digitalen Hintergrund wie eine Oberfläche wirken: Papier, Film, Metall oder Stein. Sie passt zu Handwerk, Essen, Mode und allem, was als Objekt verkauft wird. Halte sie fein, damit die Kanten des Logos scharf bleiben. [Verlaufstextur](https://gradiently.design/de/guide/gradient-texture) vergleicht die wichtigsten Materialfamilien.

1. **Körnung über Farbe.** Eine feine Rauschebene auf Vollton oder Verlauf. Sofort weniger digital.
2. **Papierstruktur.** Eine weiche, ungestrichene Papiertextur hinter einem dunklen Logo. Wirkt gedruckt und handgemacht.
3. **Gebürstetes Metall.** Silber- oder Goldschimmer für Luxus oder Technik. Nutze ein dunkles einfarbiges Logo.
4. **Leinen oder Canvas.** Eine Webtextur für Mode, Wohnaccessoires und Studios.
5. **Milchglas.** Verschwommene Farbformen hinter einem hellen Schleier, das Logo scharf obenauf.

Eine quadratische Markenkachel mit einem Schriftzug, der von einem hellen in einen dunklen Bereich des Hintergrunds läuft, teils schwer lesbar

Ein Schriftzug quer über einem starken Farbwechsel: Ein Ende verliert Kontrast.

Dieselbe quadratische Markenkachel mit einem gleichmäßigen, ruhigen Hintergrundbereich hinter dem Schriftzug, der klar lesbar ist

Dieselbe Kachel mit ruhigem, gleichmäßigem Hintergrund hinter dem Schriftzug.

## Logo-Hintergründe mit Foto und Kontext (16 bis 20)

Fotografie stellt das Logo in die Welt. Sie ist die riskanteste Familie, weil Fotos unruhig sind, wähle also Bilder mit einem ruhigen Bereich und nutze das einfarbige Logo.

1. **Produkt-Nahaufnahme.** Eine Makroaufnahme deines Produkts mit viel Weichzeichnung. Logo auf der Unschärfe.
2. **Duotone-Foto.** Ein Foto, auf zwei Markenfarben reduziert, was es beruhigt und an die Palette bindet. Siehe [Duotone-Effekt](https://gradiently.design/de/guide/duotone-effect).
3. **Himmel oder Wand.** Eine breite, gleichmäßige Fläche echter Textur: Himmel, Beton, gestrichener Putz.
4. **Arbeitsplatz von oben.** Ein Flat Lay mit freier Stelle für das Logo, gut für Studios und Macher.
5. **Beschilderungs-Mockup.** Das Logo an einer Ladenfront, Tasche oder Tasse. Nützlich für Pitches, nie als einzige Version.

### Vermeiden

- Ein Vollfarb-Logo auf einem unruhigen Foto
- Logo über dem hellsten Teil eines Verlaufs
- Grobe Textur hinter dünnen Strichen
- Schlagschatten oder Leuchten, um Kontrast zu retten
- Ein neuer Hintergrund bei jedem Post

### Besser

- Einfarbiges Logo auf der ruhigsten Region
- Logo über dem tiefen oder hellen Ende
- Feine Körnung, die Kanten scharf hält
- Den Hintergrund ändern, bis der Kontrast stimmt
- Zwei oder drei Hintergründe, die du wiederholst

## So wählst du eine Hintergrundfarbe fürs Logo

Probiere fünf oder sechs Ideen aus der Liste auf einer einzigen quadratischen Kachel, lege sie nebeneinander und wähle die zwei oder drei, die sich am meisten nach der Marke anfühlen. Schreibe sie dann in dein [Markenkit](https://gradiently.design/de/guide/brand-kit) und nutze nur diese. Wiederholung macht aus einem Hintergrund einen Teil der Identität. Prüfe jeden mit Blick auf [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility), besonders bei kleinen Logogrößen.

Möchtest du einen Hintergrund, der nur deiner Marke gehört, sind die Marks von Gradiently lebendige Verlaufs- und Materialhintergründe, jeder anders als jeder andere und jeweils im Besitz einer Person oder Marke. Ein Mark findet seinen ruhigsten Bereich hinter deinen Worten, sodass ein darauf gesetztes Logo oder ein Schriftzug in jeder Größe lesbar bleibt.

## FAQ

### Welche Hintergrundfarbe ist die beste für ein Logo?

Die, die den stärksten Kontrast zu deinem Logo bietet und zur Marke passt. Ein warmes Off-White oder ein tiefes Fast-Schwarz funktioniert für die meisten Logos, jeweils mit der richtigen Version des Logos.

### Kann ich mein Logo auf einen Verlaufshintergrund setzen?

Ja. Nutze die einfarbige Version, setze sie auf das ruhigste Ende des Verlaufs und prüfe den Kontrast über die ganze Fläche, die das Logo bedeckt.

### Sollte ein Logo einen transparenten Hintergrund haben?

Die Logodatei selbst schon, als transparentes PNG oder SVG, damit sie auf jedem Hintergrund sitzen kann. Die Hintergründe dieser Liste sind das, worauf du sie setzt.

### Wie viele Logo-Hintergründe sollte eine Marke nutzen?

Zwei oder drei gewählte Hintergründe, konsequent eingesetzt, machen eine Marke wiedererkennbarer als jedes Mal ein anderer.