유틸리티

색상 조합 고르는 법, 보색부터 유사색까지 배색 규칙 정리

PPT를 만들 때 색을 세 가지 이상 쓰면 갑자기 조잡해진다. 반대로 잘 된 디자인을 보면 색이 대여섯 개인데도 정돈되어 있다. 차이는 감각이 아니라 규칙이다. 색상환(Color Wheel) 위에서 색 사이의 각도로 조합을 만드는 배색 이론이 있고, 이걸 알면 누구나 괜찮은 배색을 고를 수 있다.

6가지 배색 규칙과 쓰임새

보색 (Complementary)

색상환에서 정반대(180도)에 있는 두 색이다. 빨강-청록, 파랑-주황 같은 조합. 대비가 강해서 눈에 확 들어온다. CTA 버튼이나 세일 배너처럼 시선을 끌어야 하는 곳에 쓰면 효과적이다. 다만 두 색을 동일한 면적으로 쓰면 눈이 피로하니, 한 색을 주색으로 쓰고 보색은 강조에만 넣는 게 요령이다.

유사색 (Analogous)

색상환에서 30~60도 간격으로 이웃한 색들이다. 파랑-남색-보라, 노랑-연두-초록 같은 조합. 자연에서 자주 보이는 배색이라 편안하고 안정적이다. 브랜드 로고, 블로그 디자인처럼 조화를 중시하는 곳에 잘 맞는다.

삼각색 (Triadic)

색상환에서 120도 간격으로 정삼각형을 이루는 세 색이다. 빨강-노랑-파랑이 대표적이다. 활기차면서도 균형이 잡힌다. 어린이 브랜드, 이벤트 포스터에 어울린다.

분할보색 (Split-Complementary)

보색의 양옆 색을 쓰는 방식이다. 보색만큼 강렬하지는 않지만 적당한 대비감이 있어서 실패 확률이 낮다. 배색 초보가 쓰기에 가장 무난한 규칙이다.

사각색 (Tetradic)

90도 간격의 네 색을 쓴다. 색이 네 개라 풍부하지만 자칫하면 산만해진다. 하나를 주색으로 정하고 나머지 셋의 비중을 줄여야 정리된다.

단색조 (Monochromatic)

하나의 색에서 밝기와 채도만 바꿔가며 쓰는 방식이다. 실패할 수가 없다. 고급스러운 느낌을 내고 싶을 때, 또는 콘텐츠가 시각적으로 복잡할 때 배경을 단색조로 가져가면 깔끔하다.

실무에서 색 고르는 순서

  1. 주색 하나를 정한다 — 브랜드 컬러가 있으면 그걸 쓰고, 없으면 전달하고 싶은 느낌(신뢰=파랑, 에너지=빨강, 자연=초록)에 맞는 색을 고른다.
  2. 배색 규칙을 선택한다컬러 팔레트 생성기에 주색 HEX 코드를 넣고 규칙을 고르면 나머지 색이 자동으로 나온다. 보색이 너무 강하면 분할보색으로, 무난하게 가고 싶으면 유사색으로 전환해보면 된다.
  3. 명도/채도로 변형을 만든다 — 같은 팔레트에서도 밝은 버전은 배경에, 어두운 버전은 텍스트에 쓰면 통일감을 유지하면서 구분이 생긴다.

자주 쓰는 배색 비율

60-30-10 규칙이 실무에서 잘 통한다.

  • 60% — 메인 배경색 (가장 넓은 면적)
  • 30% — 보조색 (카드 배경, 섹션 구분)
  • 10% — 강조색 (버튼, 링크, 아이콘)

색을 다섯 개 준비해놓고도 면적 비율을 60-30-10으로 지키면 산만하지 않다. 반대로 세 색이라도 비율이 33-33-33이면 정신없어 보인다.

빠른 팁 랜덤 팔레트 기능을 써서 마음에 드는 조합이 나올 때까지 돌려보는 것도 방법이다. 색 감각이 좋은 사람도 초기 아이디어는 랜덤에서 시작하는 경우가 많다. 마음에 드는 조합이 나오면 HEX 코드를 복사해두면 된다.

색 감각은 타고나는 게 아니다. 색상환 위에서 각도를 계산하는 규칙일 뿐이고, 그 계산은 도구가 대신 해준다. 규칙 하나만 이해하면 "이 색 왜 이렇게 안 어울리지?"라는 고민이 줄어든다.