색상 - 진짜로 팔리는 AI 상세페이지 제작

배경색·글자색·테두리 등 색을 정하는 곳은 어디나 똑같이 동작해요. 색상 컨트롤을 누르면 두 가지 방식 중에 고를 수 있어요.

1. 프리셋 색상 vs 직접 선택

색상 컨트롤을 누르면 위에 두 개의 탭이 있어요.

프리셋 vs 직접 선택

상세페이지를 만들 때마다, AI가 알아서 상품에 어울리는 색 조합을 정해둬요. 5가지 색으로 구성돼요.

이 색들이 프리셋 색상 밑에 떠서, 클릭만으로 통일감 있게 쓸 수 있어요.

프리셋 색상 팔레트

색상 컨트롤 → [프리셋 색상] 탭 → 원하는 색을 클릭하면 바로 적용돼요.

프리셋 색상 마다 마우스를 올리면 연필 아이콘이 떠요. 누르면 해당 프리셋 색을 새 색으로 변경할 수 있어요. 한 번 바꾸면 그 색을 쓰던 모든 곳에 한꺼번에 반영돼요.

채팅에 그냥 말해도 돼요. 예) "메인 색상 파란색으로 바꿔줘"

프리셋 색상 변경

[직접 선택] 탭에서는 3가지 방법으로 색을 고를 수 있어요.

색상 선택기 — 그라데이션 영역에서 움직이면서 색을 고르기
색상 코드 — #FF0000, rgba(...), oklch(...) 같은 코드를 직접 입력
스포이드(화면에서 색상 선택) — 화면 어디서든 원하는 색을 클릭해서 그대로 가져오기 (다른 이미지의 색을 그대로 쓰고 싶을 때 딱!)

직접 색상 변경

색을 고른 뒤, 아래 [불투명도] 슬라이더로 0~100% 를 조절할 수 있어요.

섹션 배경색에 특히 유용해요! 예를 들어 메인 색상을 10% 로 연하게 깔면, 브랜드 색감은 살리면서 은은한 배경이 돼요.

불투명도 활용