배경색·글자색·테두리 등 색을 정하는 곳은 어디나 똑같이 동작해요. 색상 컨트롤을 누르면 두 가지 방식 중에 고를 수 있어요.
1. 프리셋 색상 vs 직접 선택
색상 컨트롤을 누르면 위에 두 개의 탭이 있어요.
- [프리셋 색상] — 이 상세페이지에 미리 정해둔 색 팔레트에서 골라요.
- [직접 선택] — 원하는 색을 직접 지정해요. (자유롭게)
2. 프리셋 색상이란?
상세페이지를 만들 때마다, AI가 알아서 상품에 어울리는 색 조합을 정해둬요. 5가지 색으로 구성돼요.
| 슬롯 | 역할 | |---|---| | 메인 색상 | 가장 많이 쓰는 대표 색 | | 보조 색상 | 메인을 받쳐주는 색 | | 강조 색상 | 버튼·포인트 등 강조용 색 | | 메인 글씨 색상 | 기본 글자 색 | | 메인 배경 색상 | 기본 배경 색 |
이 색들이 프리셋 색상 밑에 떠서, 클릭만으로 통일감 있게 쓸 수 있어요.
3. 프리셋 색상 선택 & 변경
선택하기
색상 컨트롤 → [프리셋 색상] 탭 → 원하는 색을 클릭하면 바로 적용돼요.
프리셋 색상 변경하기
프리셋 색상 마다 마우스를 올리면 연필 아이콘이 떠요. 누르면 해당 프리셋 색을 새 색으로 변경할 수 있어요. 한 번 바꾸면 그 색을 쓰던 모든 곳에 한꺼번에 반영돼요.
채팅에 그냥 말해도 돼요. 예) "메인 색상 파란색으로 바꿔줘"
4. 직접 색상 선택
[직접 선택] 탭에서는 3가지 방법으로 색을 고를 수 있어요.
- 색상 선택기 — 그라데이션 영역에서 움직이면서 색을 고르기
- 색상 코드 —
#FF0000,rgba(...),oklch(...)같은 코드를 직접 입력 - 스포이드(화면에서 색상 선택) — 화면 어디서든 원하는 색을 클릭해서 그대로 가져오기 (다른 이미지의 색을 그대로 쓰고 싶을 때 딱!)
5. 불투명도 이렇게 활용해요
색을 고른 뒤, 아래 [불투명도] 슬라이더로 0~100% 를 조절할 수 있어요.
섹션 배경색에 특히 유용해요! 예를 들어 메인 색상을 10% 로 연하게 깔면, 브랜드 색감은 살리면서 은은한 배경이 돼요.