HueOdyssey
메뉴 열기
한국어
실제 용도를 위한 설계

뷰티 브랜드 색상 팔레트 생성기

뷰티 브랜드 색상 팔레트을 7가지 시맨틱 역할, 읽기 쉬운 대비, 실제 UI 미리보기, CSS에 바로 쓸 수 있는 HEX 값과 함께 살펴보세요.

background#FFF7FA
surface#FFFFFF
secondary#9A7FB7
primary#A44A6F
accent#E1A3B2
muted#76636C
text#30242A

이 팔레트가 잘 작동하는 이유

뷰티 브랜드에서는 미묘한 색 차이가 매력이 되지만 제품 정보가 낮은 대비에 묻혀서는 안 됩니다. 브랜드 분위기, 제품 면, 구매 동작을 구분하세요.

7가지 색은 주요 동작, 보조, 포인트, 배경, 면, 글자, 흐린 콘텐츠 역할로 나뉩니다. 덕분에 팔레트를 무드보드 너머의 실제 인터페이스에 쓸 수 있습니다.

활용 방법

하나의 동작을 강조하세요

주색은 CTA와 링크에 사용하고 모든 장식 요소에 반복하지 마세요.

읽기 대비를 지키세요

글자는 WCAG AA를 충족하는 배경과 면에 조합하세요.

포인트 색을 아껴 쓰세요

포인트 색은 배지, 강조, 주의가 필요한 순간에 가장 효과적입니다.

관련 방향

자주 묻는 질문

이 색을 상업 프로젝트에 사용할 수 있나요?

네. HEX 값은 라이선스가 필요한 자산이 아니라 색상 데이터입니다. 인터페이스와 브랜드 맥락에 맞게 팔레트를 조정하세요.

이 팔레트는 WCAG를 준수하나요?

글자 역할은 배경과 면 위에서 검사합니다. 색, 글꼴, 크기, 굵기를 바꾼 뒤에는 대비를 다시 확인하세요.