---
url: "/de/emailify/design/background-colors.md"
description: "Du kannst die Hintergründe deiner Emailify-Layout-Ebenen anpassen, indem du Figma-Füllungen auf sie anwendest."
---

# Hintergrundfarben zu deinen Layout-Ebenen hinzufügen

> Du kannst die Hintergründe deiner Emailify-Layout-Ebenen anpassen, indem du Figma-Füllungen auf sie anwendest.

> **Tip:** Wenn du wissen willst, [wie du die äußere Hintergrundfarbe der E-Mail anpasst](/de/emailify/design/background), die rund um den E-Mail-Body erscheint: Dafür änderst du den Hintergrund deiner Figma-Seite. Er wird in allen HTML-Exporten aus Emailify als Hintergrundfarbe des E-Mail-Bodys verwendet.

## Einfarbigen Hintergrund für eine beliebige Layout-Ebene festlegen {#setting-a-solid-background-color-on-any-of-your-layout-layers}

[Video](/assets/videos/emailify/design/layout-background-color.mp4)

Um für ein Layout-Element in deinem E-Mail-Design eine einfarbige Hintergrundfarbe festzulegen, klick in Figma auf die Ebene, füg eine Füllung hinzu (über das **+**-Icon neben dem Panel **Fill** in den Figma-Eigenschaften der Ebene) und leg für diese Ebene eine **Solid**-Füllung fest. Sie wird beim HTML-Export deiner E-Mail aus dem Plugin als CSS-Hintergrundfarbe angewendet.

## Verlaufshintergrund für eine Row-, Column-, Hero- oder Wrapper-Ebene festlegen {#setting-a-gradient-background-on-a-row-column-hero-or-wrapper-layer}

[Video](/assets/videos/emailify/design/layout-background-gradient.mp4)

Um für ein Row-, Column-, Hero- oder Wrapper-Layout-Element in deinem E-Mail-Design einen Verlaufshintergrund festzulegen, klick in Figma auf die Ebene, füg eine Füllung hinzu (über das **+**-Icon neben dem Panel **Fill** in den Figma-Eigenschaften der Ebene) und leg für diese Ebene eine **Gradient**-Füllung fest. Sie wird beim HTML-Export deiner E-Mail aus dem Plugin als Hintergrundbild angewendet (nicht als CSS-Verlauf, der in E-Mail-Clients nur [eingeschränkt unterstützt](https://www.caniemail.com/features/css-linear-gradient/) wird).

> **Warning:** Beachte, dass Verlaufshintergründe als [Hintergrundbilder](/de/emailify/design/background-images) gerendert werden. Sie funktionieren auf Row-, Column-, Hero- und Wrapper-Ebenen in der Emailify-Vorschau und in HTML-Exporten, aber reine `mjml`- und `loops`-Exporte lassen die Hintergrundbild-Attribute von Columns weiterhin weg.

## Einfarbigen Hintergrund für Textebenen festlegen {#setting-a-solid-background-color-on-text-layers}

[Video](/assets/videos/emailify/design/text-background.mp4)

Um für Textebenen in deinem E-Mail-Design eine einfarbige Hintergrundfarbe festzulegen, wähl bei geöffnetem Panel **Settings** eine Figma-Textebene in deiner E-Mail aus und füg deinen Hex-Farbwert (zum Beispiel `#FFFBA8`) in das Eingabefeld **Text Background Color** ein. Dadurch wird in deiner HTML-E-Mail automatisch eine einfarbige Hintergrundfarbe hinter diesem Textinhalt eingefügt.

> **Tip:** Du kannst die Hintergrundfarbe deiner Textebene optional mit [Innenabstand für deine Textebene](/de/emailify/design/text-padding) kombinieren. So bekommt der Textinhalt etwas zusätzlichen Abstand und die Hintergrundfläche wirkt luftiger.