프레젠테이션 슬라이드를 만들면서 파란색 배경을 깔았는데, 글자색을 뭘로 해야 할지 모르겠다. 빨간색은 촌스럽고, 노란색은 눈이 아프다. 색상 조합에는 나름의 규칙이 있고, 이걸 알면 감으로 고르지 않아도 된다.
배색 규칙 6가지
| 규칙 | 원리 | 느낌 |
|---|---|---|
| 보색 | 색상환 180도 반대 | 강렬한 대비, 눈에 확 띔 |
| 유사색 | 색상환에서 인접한 색 | 부드럽고 자연스러운 조화 |
| 삼각색 | 120도 간격 3개 색 | 생동감 있으면서 균형 잡힘 |
| 분할보색 | 보색의 양옆 색 + 기준색 | 보색보다 부드러운 대비 |
| 사각색 | 90도 간격 4개 색 | 풍부한 색감, 균형 맞추기 어려움 |
| 단색조 | 한 색의 밝기/채도 변화 | 깔끔하고 세련된 통일감 |
처음이라면 유사색이나 단색조부터 시작하는 게 안전하다. 보색은 임팩트가 있지만 면적 비율을 잘못 맞추면 어지러워 보인다.
실무에서 자주 쓰는 조합
웹/앱 디자인
메인 컬러 1개 + 보조 컬러 1~2개 + 배경(흰색/회색) 구조가 기본이다. 메인 컬러와 보조 컬러를 유사색으로 잡으면 깔끔하고, CTA 버튼에만 보색을 써서 시선을 끌 수 있다.
발표 자료/슬라이드
배경색과 글자색의 명도 차이를 크게 가져가는 게 핵심이다. 어두운 배경에 밝은 글자, 밝은 배경에 어두운 글자. 단색조로 통일하되 강조 포인트에만 대비 색상을 넣으면 깔끔하다.
로고/브랜딩
삼각색이나 분할보색을 기반으로 3색 조합을 만들면 다양한 매체에서 활용하기 좋다. 다만 로고에 4색 이상 넣으면 복잡해져서, 색은 3개 이내로 유지하는 편이 낫다.
팔레트 뽑아보기
색상 이론을 몰라도 컬러 팔레트 생성기에서 기준색을 하나 고르고 배색 규칙을 선택하면 조화로운 조합이 자동으로 나온다. 각 색상의 HEX 코드를 클릭 한 번으로 복사할 수 있고, 밝기/채도 변화까지 5단계 톤으로 보여줘서 미세 조정도 가능하다.
TIP 자연, 뉴트럴, 파스텔 등 사전 제작된 인기 팔레트도 있다. 직접 만들기 부담스러우면 여기서 골라 시작점으로 삼아도 좋다.
색 감각은 타고나는 게 아니라 규칙을 아느냐의 문제다. 보색과 유사색 두 가지만 이해해도 대부분의 디자인 작업에서 색상 선택이 수월해진다.