보색·유사색이란? 색상 이론 기초

좋은 디자인은 좋은 배색에서 시작합니다. 색상 이론은 어떤 색들이 서로 잘 어울리는지 설명하는 체계입니다. 이 원칙을 이해하면 색을 "감"이 아닌 "논리"로 선택할 수 있습니다.

색상환 (Color Wheel)

색상환은 색을 원형으로 배열한 것입니다. 빨강(0°), 노랑(60°), 초록(120°), 하늘(180°), 파랑(240°), 보라(300°) 순서로 360도를 이루며, 서로 인접한 색은 자연스럽게 조화를 이룹니다.

HSL 색 모델의 H(Hue) 값이 바로 색상환 위의 각도입니다. 0°와 360°는 같은 빨강이고, 180°는 정반대인 청록입니다.

보색 (Complementary)

보색은 색상환에서 정반대(180°)에 위치한 색입니다. 보색 조합은 강렬한 대비를 만들어 시선을 사로잡는 효과가 있습니다.

보색 조합은 강렬해서 잘못 사용하면 눈이 피로할 수 있습니다. 한 색을 주조색으로, 보색을 포인트 컬러로 소량 활용하는 것이 좋습니다.

유사색 (Analogous)

유사색은 색상환에서 이웃한 색들(보통 ±30°~60° 범위)입니다. 자연스럽고 편안한 느낌을 주어 배경, 대형 영역 배색에 적합합니다.

파랑 계열의 유사색은 신뢰감과 차분함을 줍니다. 반면 빨강~주황~노랑의 유사색 조합은 따뜻하고 에너지 넘치는 느낌을 만들어냅니다.

삼각 배색 (Triadic)

삼각 배색은 색상환을 120° 간격으로 3등분한 색 조합입니다. 세 색이 균형을 이루면서도 다채로운 느낌을 줍니다. 다만 자칫 너무 화려해 보일 수 있으므로 한 색을 주조색으로 정하고 나머지 두 색은 보조 역할로 사용하는 것이 좋습니다.

실무 배색 팁

• 단색 배색으로 시작하세요. 하나의 색에서 명도만 조절해 5~7단계를 만들면 세련된 모노크롬 디자인이 됩니다.
• 채도가 높은 색은 소량만 사용하세요. 강조, 버튼, 아이콘 등 포인트 요소에만 활용합니다.
• 중성색(회색, 베이지)을 적극 활용하세요. 강렬한 색들 사이에서 숨을 고르게 해주는 역할을 합니다.
• 실제 브랜드 색상을 분석해보세요. 애플(흰색+회색), 코카콜라(빨강+흰색), 맥도날드(빨강+노랑) 등 대형 브랜드의 배색에는 모두 이유가 있습니다.