유틸리티

배색 조합의 기본, 어울리는 색을 고르는 원리

프레젠테이션 슬라이드를 만들 때 색 조합이 가장 어렵다. 파란색을 메인으로 정했는데 강조색으로 뭘 써야 할지 모르겠다. 아무 색이나 넣으면 촌스러워지고, 비슷한 색만 쓰면 밋밋하다. 디자인 전공이 아니어도 배색 규칙만 알면 실수를 크게 줄일 수 있다.

색상환과 배색 규칙

색상환(Color Wheel)은 빨강, 노랑, 파랑을 기준으로 색을 원형으로 배치한 도구다. 여기서 색 사이의 각도에 따라 배색 규칙이 나뉜다.

보색 (Complementary)
색상환에서 정반대(180도)에 있는 색. 파랑의 보색은 주황. 강렬한 대비가 필요할 때 쓴다.
유사색 (Analogous)
색상환에서 인접한 색. 파랑 옆의 남색, 하늘색. 자연스럽고 편안한 느낌을 준다.
삼각색 (Triadic)
120도 간격의 세 색. 빨강, 파랑, 노랑 같은 조합. 균형 잡힌 배색이 된다.
분할보색 (Split-Complementary)
보색의 양옆 색을 사용. 보색보다 부드러우면서도 대비가 살아있다.

용도별 배색 팁

용도추천 배색이유
프레젠테이션유사색 + 강조 1색가독성 유지하면서 핵심 강조
웹사이트단색조 + 보색 CTA전체 통일감, 버튼만 눈에 띄게
로고보색 또는 삼각색임팩트 있는 조합으로 인지도 확보
인스타 피드유사색 팔레트피드 전체가 통일감 있게 보임
TIP 색을 3개 이상 쓸 때는 60-30-10 규칙을 적용한다. 메인 색 60%, 보조 색 30%, 강조 색 10% 비율로 배분하면 어수선하지 않다.

팔레트 직접 만들어보기

배색 이론을 알아도 HEX 코드를 직접 계산하기는 어렵다. 컬러 팔레트 생성기에 기준 색 하나만 골라 넣으면 보색, 유사색, 삼각색 등 6가지 규칙에 따라 팔레트가 자동으로 만들어진다. 밝기와 채도 변화도 단계별로 보여줘서, 같은 계열에서 밝은 배경색과 어두운 텍스트색을 뽑을 때도 편하다.

색 감각은 타고나는 게 아니라 규칙을 아는 것에서 시작한다. 배색 원리를 한 번만 이해하면 어떤 작업에서든 시간 낭비를 줄일 수 있다.