색상 하모니

색상 조화 가이드

색상 조화는 색상환의 위치에 따라 서로 보기 좋게 보이는 색상의 조합입니다. 보색은 서로 마주보고 있고, 삼원색은 120°로 균일한 간격으로 배치되어 있으며, 유사색은 나란히 놓여 있습니다.

베이스 컬러와 하모니 타입을 선택하세요. 이 도구는 HSL 휠 주위로 색상을 회전하여 일치하는 팔레트를 생성하고 각 견본을 16진수 코드와 함께 표시합니다. 견본을 클릭하여 클립보드에 복사하세요.

Pro Tips

• 60-30-10 규칙을 사용하세요: 주요 색상 60%, 보조 색상 30%, 악센트 10%. 보색 쌍은 한 가지 색상이 명확하게 지배적일 때 가장 잘 작동합니다.
• 유사한 팔레트는 안전하고 자연스럽기 때문에 배경과 인포그래픽에 이상적입니다. 보완적인 팔레트가 튀어나오지만 동일한 가중치로 사용하면 진동할 수 있습니다. 한 명만 이기게 해주세요.

색상 조화란 무엇인가

색상 조화는 어떤 색끼리 잘 어울리는지 알려주는 규칙 체계로, 컬러 휠의 기하학에서 나옵니다. 모든 조화는 기본 색상에서 출발하는 고정된 각도 패턴입니다 — 보색은 180°, 삼색은 120°, 유사색은 30° 이내, 이런 식으로요. 패턴이 기하학적이기 때문에 어떤 기본 색에서든 즉시 쓸 수 있는 팔레트가 나옵니다. 조화가 '잘 맞는' 느낌인 이유는 사람의 눈이 색상 관계를 출발 색과 무관하게 같은 방식으로 처리하기 때문입니다.

보색과 분리 보색

보색 쌍은 180° 떨어져 있습니다 — 빨강과 초록, 파랑과 주황, 노랑과 보라 — 에너지와 대비가 최대입니다. 분리 보색은 충돌을 부드럽게 합니다. 정반대 색 대신 그 양옆의 두 이웃을 취하는 거죠(기본색 + 150° + 210°). 대비의 생기를 유지하면서 날카로운 진동만 없애므로, 그래도 눈에 띄어야 하는 인터페이스에 가장 안전한 선택 중 하나입니다.

유사색과 단색

유사색 스킴은 휠에서 이웃한 3~5개 색상을 취하며 모두 약 60° 안에 들어갑니다 — 파랑, 청록, 초록처럼요. 이웃한 색상은 색소를 공유하므로 차분하고 통일감 있고 자연스럽게 보입니다. 단색은 한 걸음 더 나아갑니다. 한 색상을 다른 틴트, 셰이드, 채도로 펼칩니다. 둘 다 실수하기가 거의 불가능해서 대시보드, 데이터 시각화, 안정적이고 신뢰감 있게 보이려는 브랜드의 기본 선택입니다.

삼색과 사색 스킴

삼색 조화는 세 색을 120°로 균등 배치합니다 — 고전적 빨강/노랑/파랑. 선명하면서 균형 잡혀 발랄한 브랜드, 일러스트, 인포그래픽에 완벽합니다. 사색(이중 보색)은 두 쌍의 보색이 휠에서 직사각형을 만듭니다 — 예를 들어 파랑, 주황, 보라, 연두. 모든 팔레트 중 가장 풍부하지만 균형 잡기가 가장 어렵습니다 — 한 색이 주도하고 나머지 셋은 보조 악센트로만 쓰지 않으면 스킴이 소음으로 무너집니다.

프로젝트에 맞는 조화 고르기

조화를 작업에 맞추세요. 단색과 유사색은 전문 제품, 헬스테크, 금융에 어울리며 차분하고 유능해 보입니다. 보색은 마케팅 페이지와 행동 유도에 맞고 대비가 주목을 끕니다. 삼색은 발랄하거나 교육적인 콘텐츠에 적합합니다. 분리 보색은 웹 앱에 가장 좋은 만능 — 생기 있으면서 안전합니다. 무엇을 고르든 60-30-10 규칙을 적용하세요 — 60% 주도, 30% 보조, 10% 악센트 — 그래야 팔레트가 경쟁이 아니라 계층을 갖습니다.