Question 1

색상 팔레트란 무엇이며 디자인에서 왜 중요한가요?

Accepted Answer

색상 팔레트는 디자인 전반에 걸쳐 일관되게 사용되는 정제된 색상 집합입니다. 잘 선택된 팔레트는 시각적 조화를 만들고, 브랜드 정체성을 확립하며, 사용자의 주의를 유도합니다. 대부분의 팔레트는 주요 브랜드 컬러, 1~2개의 강조 색상, 중성 배경, 성공/오류/경고 상태를 위한 시맨틱 색상을 포함합니다.

Question 2

색상 팔레트의 60-30-10 규칙이란?

Accepted Answer

60-30-10 규칙은 고전적인 디자인 원칙입니다: 주 색상은 디자인의 60%(배경, 넓은 영역), 보조 색상은 30%(카드, 사이드바), 강조 색상은 10%(버튼, 하이라이트, CTA)에 사용합니다. 이 비율은 눈을 압도하지 않으면서 균형 잡히고 전문적인 모습을 만들어냅니다.

Question 3

접근성 있는 색상 팔레트는 어떻게 만드나요?

Accepted Answer

텍스트와 배경색 간의 충분한 대비를 확보하세요. WCAG AA는 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1의 대비 비율을 요구합니다. 색상만으로 의미를 전달하지 말고 아이콘이나 레이블도 함께 사용하세요. WebAIM Contrast Checker 같은 도구로 팔레트가 접근성 기준을 충족하는지 확인할 수 있습니다.

Question 4

보색, 유사색, 삼색 배색의 차이는?

Accepted Answer

보색은 색상환에서 반대편에 위치합니다(예: 파랑과 주황) — 높은 대비, 생동감. 유사색은 인접한 색상입니다(예: 파랑, 청록, 초록) — 조화롭고 차분함. 삼색은 균등하게 배치된 세 색상을 사용합니다(예: 빨강, 노랑, 파랑) — 균형 있으면서도 활기참. 보색은 CTA에, 유사색은 배경에, 삼색은 일러스트레이션에 잘 어울립니다.

Question 5

디자인 시스템 팔레트에는 색상이 몇 개 필요한가요?

Accepted Answer

일반적인 디자인 시스템 팔레트는 5~10개의 기본 색상과 각각 여러 음영을 갖습니다(예: Tailwind CSS처럼 50~900 스케일). 최소한 주 색상, 보조 색상, 중성/회색, 시맨틱 색상(성공 초록, 오류 빨강, 경고 노랑, 정보 파랑)이 필요합니다. 각 색상은 라이트/다크 모드에서 대비를 유지하기 위해 배경용 밝은 변형과 텍스트용 어두운 변형을 가져야 합니다.

색상 팔레트 생성기

자주 묻는 질문

Comments & Feedback