컬러 팔레트 5가지 배색법 완벽 정리 - 디자인 감각 없어도 색 조합 잘하는 방법

썸네일을 만들거나 PPT를 꾸밀 때, 색만 고르다가 30분을 흘려보낸 경험이 있으실 겁니다. 분명 예쁜 색을 골랐는데 조합해 놓으면 어딘가 촌스럽고, 남의 디자인은 왜 저렇게 세련돼 보이는지 답답하기만 합니다. 그런데 배색은 타고난 감각의 영역이 아닙니다. 색상환 위에서 색을 고르는 공식이 이미 정해져 있고, 그 공식이 바로 컬러 팔레트 5가지 배색법입니다.

배색이 어려운 진짜 이유

초보자가 배색에 실패하는 원인은 대부분 하나입니다. 색을 하나씩 따로 고르기 때문입니다. 파란색이 예뻐서 고르고, 노란색이 예뻐서 고르면 각각은 예뻐도 함께 놓였을 때의 관계는 아무도 보장해 주지 않습니다.

디자이너들은 반대로 접근합니다. 색상환(Color Wheel) 위에서 색들 사이의 각도와 거리를 먼저 정하고, 그 규칙 안에서 색을 고릅니다. 색상환은 빨강, 주황, 노랑, 초록, 파랑, 보라로 이어지는 12색의 원형 배열인데, 이 원 위에서 어떤 위치의 색을 묶느냐에 따라 배색법의 이름이 달라집니다.

배색은 감각이 아니라 기하학입니다. 색상환 위의 각도만 지켜도 실패 확률의 80%는 사라집니다. 감각은 그 다음에 채도와 명도를 다듬을 때 필요할 뿐입니다.

컬러 팔레트 5가지 배색법

실무에서 가장 많이 쓰이는 컬러 팔레트 5가지 배색법을 색상환 기준으로 정리하면 다음과 같습니다.

1. 단색 배색 (모노크로매틱)

색상 하나를 정하고 명도와 채도만 바꿔서 팔레트를 구성하는 방법입니다. 진한 남색, 중간 파랑, 연한 하늘색처럼 한 가족의 색만 씁니다. 실패 확률이 가장 낮아서 초보자에게 첫 번째로 추천하는 방식이고, 차분하고 정돈된 인상을 줍니다.

2. 유사색 배색 (아날로거스)

색상환에서 바로 옆에 붙어 있는 2~3개 색을 묶는 방법입니다. 노랑, 주황, 빨강처럼 이웃한 색들은 자연스럽게 어울립니다. 노을이나 숲 사진이 편안하게 느껴지는 이유가 바로 유사색 조합이기 때문입니다. 부드럽지만 단색보다 풍부한 느낌을 냅니다.

3. 보색 배색 (컴플리멘터리)

색상환에서 정반대, 즉 180도 위치의 두 색을 쓰는 방법입니다. 파랑과 주황, 빨강과 초록이 대표적입니다. 대비가 가장 강해서 시선을 끌어야 하는 버튼, 썸네일, 광고 배너에 효과적입니다. 다만 두 색을 같은 비율로 쓰면 촌스러워지기 쉬우므로 한쪽을 주인공으로, 반대색은 포인트로만 써야 합니다.

4. 분할 보색 배색 (스플릿 컴플리멘터리)

보색을 직접 쓰는 대신, 보색의 양옆에 있는 두 색을 쓰는 방법입니다. 파랑을 골랐다면 정반대인 주황 대신 주황 옆의 다홍과 귤색을 조합합니다. 보색의 긴장감은 살리면서 충돌은 줄여주기 때문에, 보색이 너무 강하다고 느껴질 때 좋은 대안이 됩니다.

5. 삼각 배색 (트라이어드)

색상환을 정삼각형으로 3등분한 위치의 세 색을 쓰는 방법입니다. 빨강, 파랑, 노랑 조합이 대표적입니다. 활기차고 생동감 있는 인상을 주기 때문에 어린이 콘텐츠, 게임, 이벤트 디자인에 자주 쓰입니다. 세 색 모두 원색으로 쓰면 부담스러우니 채도를 한 단계 낮추는 것이 요령입니다.

색을 배치하는 60-30-10 법칙

어떤 색을 쓸지 정했다면, 이제 얼마나 쓸지가 남습니다. 인테리어와 그래픽 디자인에서 널리 쓰이는 기준이 60-30-10 법칙입니다.

• 60% 주조색: 배경처럼 화면의 대부분을 차지하는 색. 채도가 낮고 무난한 색이 안전합니다.
• 30% 보조색: 카드, 섹션, 일러스트 등 중간 영역의 색. 주조색과 같은 배색법 안에서 고릅니다.
• 10% 강조색: 버튼, 링크, 핵심 문구에만 쓰는 색. 보색이나 채도 높은 색을 여기에만 씁니다.

초보 디자인이 어색해 보이는 흔한 이유는 강조색을 30~40%씩 쓰기 때문입니다. 강조색은 아껴 쓸수록 강해집니다. 5가지 배색법으로 색을 고르고, 60-30-10으로 비율을 배분하면 배색의 뼈대는 완성입니다.

배색을 도와주는 무료 도구

이론을 알았다면 도구가 시간을 줄여줍니다. 모두 무료로 쓸 수 있습니다.

• 어도비 컬러(color.adobe.com): 색상환 위에서 5가지 배색법을 직접 선택할 수 있는 표준 도구입니다. 기준색 하나만 정하면 나머지를 자동 계산해 줍니다.
• 쿨러스(coolors.co): 스페이스바를 누를 때마다 새 팔레트를 생성합니다. 마음에 드는 색은 잠그고 나머지만 바꿀 수 있습니다.
• 컬러 헌트(colorhunt.co): 완성된 4색 팔레트를 모아 놓은 갤러리입니다. 고민 없이 검증된 조합을 바로 가져올 수 있습니다.

아이디어가 완전히 막혔을 때는 우연에 기대는 것도 방법입니다. RGB 값은 각각 0에서 255 사이의 숫자이므로, 랜덤 숫자 생성기로 숫자 세 개를 뽑아 기준색으로 삼고 위의 배색법을 적용해 보면 평소라면 절대 시도하지 않았을 조합을 발견하기도 합니다.

실전 적용 순서 정리

지금까지 내용을 실제 작업 순서로 정리하면 다음과 같습니다.

• 1단계: 콘텐츠의 분위기를 정한다 (차분함, 활기참, 신뢰감 등)
• 2단계: 분위기에 맞는 기준색 1개를 고른다
• 3단계: 5가지 배색법 중 하나를 골라 나머지 색을 계산한다
• 4단계: 60-30-10 비율로 배치한다
• 5단계: 어색하면 색상 대신 채도와 명도를 조정한다

오늘 바로 해볼 수 있는 행동은 두 가지입니다. 첫째, 어도비 컬러에 접속해서 자주 쓰는 브랜드 색을 기준으로 5가지 배색법을 모두 눌러보며 차이를 눈으로 확인해 보세요. 둘째, 지금 작업 중인 썸네일이나 문서에 60-30-10 법칙을 적용해서 강조색 비중을 10% 이하로 줄여 보세요. 이 두 가지만 실천해도 결과물의 인상이 눈에 띄게 달라질 것입니다.