배색 기초 — 색 조합 규칙과 60-30-10 법칙
발표 자료의 색을 바꿨더니 갑자기 촌스러워진 경험, 누구나 있습니다. 배색은 감각의 영역처럼 보이지만, 실패하지 않는 규칙 몇 가지만 알면 누구나 정돈된 결과를 만들 수 있습니다. 색상환과 비율 법칙부터 실전 요령까지 정리합니다.
색상환으로 이해하는 색의 관계
색상환은 빨강→주황→노랑→초록→파랑→보라가 둥글게 이어진 원입니다. 배색 규칙은 결국 이 원에서 색들이 어떤 위치 관계인가로 정리됩니다. 가까울수록 편안하고, 멀수록(마주 볼수록) 대비가 강해집니다.
기본 배색 4가지
| 배색 | 색상환 관계 | 느낌 | 적합한 곳 |
|---|---|---|---|
| 단색(모노크롬) | 한 색의 밝기·채도 변화 | 차분, 세련 | 문서·브랜드 기본 |
| 유사색 | 이웃한 2~3색 | 부드러움, 조화 | 배경, 전체 분위기 |
| 보색 | 정반대 2색 | 강한 대비, 활기 | 포인트, 버튼, 배너 |
| 삼각(트라이어드) | 120°씩 떨어진 3색 | 생동감, 균형 | 일러스트, 어린이·이벤트 |
고민될 때는 단색 또는 유사색 + 보색 포인트 하나가 가장 실패 확률이 낮은 조합입니다.
60-30-10 — 비율이 배색을 살린다
같은 색 조합도 비율에 따라 완성도가 갈립니다. 인테리어에서 온 60-30-10 법칙은 화면에도 그대로 통합니다.
- 60% 주조색: 배경·바탕 — 보통 흰색·밝은 회색 같은 무채색
- 30% 보조색: 본문 요소·카드·제목 — 브랜드 색이나 차분한 색
- 10% 강조색: 버튼·링크·"할인" 뱃지 — 가장 눈에 띄어야 하는 곳에만
실패하지 않는 실전 요령
- 색은 3개까지: 무채색(흰·회·검)을 바탕에 깔고 유채색은 1~2개만 더합니다.
- 검증된 조합 빌리기: 좋아하는 사진·포스터에서 색을 추출하면 자연이 검증한 조합을 얻습니다.
- 규칙으로 생성: 기준색 하나를 정하고 팔레트 생성기로 보색·유사색 조합을 만들면 감각 없이도 어울리는 세트가 나옵니다.
- 글자는 대비 확인: 예쁜 조합도 글자가 안 읽히면 실패입니다. 본문 색은 대비 기준(4.5:1)을 지키세요.
- 채도를 한 단계 낮추기: 원색끼리 부딪혀 촌스러울 때는 색을 바꾸지 말고 채도만 낮춰 보세요. 대부분 해결됩니다.
배색의 비율을 정해 주는 경험칙입니다. 주조색(배경·바탕) 60%, 보조색 30%, 강조색 10%로 화면이나 공간을 구성하면 색이 많아도 정돈되어 보입니다. 발표 자료라면 흰 배경 60%, 회색·남색 본문 요소 30%, 포인트 빨강·주황 10% 같은 식입니다. 강조색이 10%를 넘기 시작하면 강조 효과가 사라지고 산만해집니다.
색상환에서 마주 보는 보색(예: 파랑-주황)은 대비가 강해 시선을 끌어야 하는 포인트·버튼·세일 배너에 적합하고, 이웃한 유사색(예: 파랑-청록-초록)은 부드럽고 안정적이라 배경·전체 분위기에 적합합니다. 보색을 넓은 면적에 반반 쓰면 눈이 피로하므로, 한쪽을 주조색으로 하고 보색은 강조용으로 조금만 쓰는 것이 안전합니다.
색 수를 3개 이하로 제한하고, 무채색(흰색·회색·검정)을 바탕으로 유채색을 1~2개만 더하는 것이 가장 안전합니다. 또 이미 검증된 조합을 빌리는 방법도 좋습니다 — 좋아하는 사진이나 브랜드에서 색을 추출하거나, 팔레트 생성 도구로 규칙(보색·유사색)에 맞는 조합을 만들어 그대로 쓰면 감각 없이도 정돈된 결과가 나옵니다.