---
url: "/ko/emailify/design/background-colors.md"
description: "Emailify 레이아웃 레이어에 Figma 채우기를 적용해 배경을 원하는 대로 바꿀 수 있어요."
---

# 레이아웃 레이어에 배경색 추가

> Emailify 레이아웃 레이어에 Figma 채우기를 적용해 배경을 원하는 대로 바꿀 수 있어요.

> **Tip:** 이메일 본문 바깥을 둘러싸는 [이메일 바깥쪽 배경색을 바꾸는 방법](/ko/emailify/design/background)을 찾고 있다면, Figma 페이지 배경을 바꾸면 돼요. 이 색상이 Emailify에서 내보내는 모든 HTML의 이메일 본문 배경색으로 사용돼요.

## 레이아웃 레이어에 단색 배경 설정 {#setting-a-solid-background-color-on-any-of-your-layout-layers}

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

이메일 디자인의 레이아웃 요소에 단색 배경을 설정하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 **Fill** 패널 옆의 **+** 아이콘을 클릭해 채우기를 추가한 다음 **Solid** 채우기를 설정하세요. 플러그인에서 이메일을 HTML로 내보낼 때 이 채우기가 CSS 배경색으로 적용돼요.

## Row, Column, Hero, Wrapper 레이어에 그라디언트 배경 설정 {#setting-a-gradient-background-on-a-row-column-hero-or-wrapper-layer}

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

이메일 디자인의 Row, Column, Hero, Wrapper 레이아웃 요소에 그라디언트 배경을 설정하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 **Fill** 패널 옆의 **+** 아이콘을 클릭해 채우기를 추가한 다음 **Gradient** 채우기를 설정하세요. 플러그인에서 이메일을 HTML로 내보낼 때 이 채우기는 배경 이미지로 적용돼요(CSS 그라디언트는 이메일 클라이언트에서 [지원이 제한적](https://www.caniemail.com/features/css-linear-gradient/)이라 사용하지 않아요).

> **Warning:** 그라디언트 배경은 [배경 이미지](/ko/emailify/design/background-images)로 렌더링된다는 점에 유의하세요. Emailify 미리보기와 HTML 내보내기에서는 Row, Column, Hero, Wrapper 레이어에서 작동하지만, 원시 `mjml` 및 `loops` 내보내기에서는 여전히 Column 배경 이미지 속성이 빠져요.

## 텍스트 레이어에 단색 배경 설정 {#setting-a-solid-background-color-on-text-layers}

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

이메일 디자인의 텍스트 레이어에 단색 배경을 설정하려면 **Settings** 패널이 열린 상태에서 이메일의 Figma 텍스트 레이어를 선택하고, **Text Background Color** 입력 필드에 16진수 색상 값(예: `#FFFBA8`)을 붙여 넣으세요. 그러면 HTML 이메일에서 해당 텍스트 콘텐츠 뒤에 단색 배경이 자동으로 추가돼요.

> **Tip:** 원한다면 텍스트 레이어에 배경색을 설정하면서 [텍스트 레이어에 안쪽 패딩 추가](/ko/emailify/design/text-padding)를 함께 사용할 수도 있어요. 텍스트 콘텐츠 주위에 여백이 생겨 배경 영역에도 패딩이 들어가요.