---
url: "/fr/emailify/design/background-colors.md"
description: "Personnalisez l’arrière-plan de vos calques de mise en page Emailify en leur appliquant des remplissages Figma."
---

# Ajouter des couleurs d’arrière-plan à vos mises en page

> Personnalisez l’arrière-plan de vos calques de mise en page Emailify en leur appliquant des remplissages Figma.

> **Tip:** Si vous cherchez [comment personnaliser la couleur d’arrière-plan extérieure](/fr/emailify/design/background) qui entoure le corps de votre email, modifiez l’arrière-plan de votre page Figma : il sert de couleur d’arrière-plan du corps de l’email dans tous les exports HTML d’Emailify.

## Définir une couleur d’arrière-plan unie sur vos calques de mise en page {#setting-a-solid-background-color-on-any-of-your-layout-layers}

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

Pour définir une couleur d’arrière-plan unie sur un élément de mise en page de votre design d’email, cliquez sur le calque dans Figma, ajoutez un remplissage (avec l’icône **+** à côté du panneau **Fill** dans les propriétés Figma du calque) et choisissez un remplissage **Solid**. Il est appliqué comme couleur d’arrière-plan CSS lorsque le plugin exporte votre email en HTML.

## Définir un arrière-plan en dégradé sur un calque Row, Column, Hero ou Wrapper {#setting-a-gradient-background-on-a-row-column-hero-or-wrapper-layer}

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

Pour définir un arrière-plan en dégradé sur un élément de mise en page Row, Column, Hero ou Wrapper de votre design d’email, cliquez sur le calque dans Figma, ajoutez un remplissage (avec l’icône **+** à côté du panneau **Fill** dans les propriétés Figma du calque) et choisissez un remplissage **Gradient**. Lorsque le plugin exporte votre email en HTML, il est appliqué comme image d’arrière-plan (et non comme dégradé CSS, dont la [prise en charge est limitée](https://www.caniemail.com/features/css-linear-gradient/) selon les clients de messagerie).

> **Warning:** Notez que les arrière-plans en dégradé sont rendus sous forme d’[images d’arrière-plan](/fr/emailify/design/background-images). Ils fonctionnent sur les calques Row, Column, Hero et Wrapper dans l’aperçu Emailify et les exports HTML, mais les exports bruts `mjml` et `loops` omettent toujours les attributs d’image d’arrière-plan des Column.

## Définir une couleur d’arrière-plan unie sur les calques de texte {#setting-a-solid-background-color-on-text-layers}

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

Pour définir une couleur d’arrière-plan unie sur les calques de texte de votre design d’email, sélectionnez un calque de texte Figma de votre email pendant que le panneau **Settings** est ouvert, puis collez votre valeur de couleur hexadécimale (par exemple `#FFFBA8`) dans le champ **Text Background Color**. Une couleur d’arrière-plan unie est alors automatiquement ajoutée derrière ce texte dans votre email HTML.

> **Tip:** Vous pouvez aussi combiner la couleur d’arrière-plan de votre calque de texte avec l’[ajout d’une marge intérieure à votre calque de texte](/fr/emailify/design/text-padding), pour donner un peu d’espace autour du texte dans la zone d’arrière-plan.