색상 이론은 학문적으로 들립니다. 실제로는 좋은 디자이너가 생각 없이 손을 뻗는 작은 도구 상자입니다. 일곱 가지 고전 조화가 팔레트 작업의 95%를 커버하며 — 각각을 알고 언제 사용할지 아는 것이 의도적으로 느껴지는 팔레트와 우연처럼 느껴지는 팔레트의 차이입니다.

색상환이 나침반입니다

모든 조화 규칙은 12칸 색상환의 위치를 정의합니다. 기본 색상을 선택하면 규칙이 나머지를 어디서 선택할지 알려줍니다. 규칙은 채도나 명도를 지정하지 않으며 — 이 두 차원은 당신이 조정할 수 있습니다.

보색 (반대편 색상)

색상환의 정반대편에 있는 두 색상: 빨강과 청록, 주황과 파랑, 보라와 노랑. 최대 대비. 배경에서 튀어나와야 할 때 사용합니다 — 랜딩 페이지의 CTA 버튼, 데이터 차트의 하이라이트.

주의: 완전한 채도에서 보색 쌍은 불편하게 진동합니다. 하나는 톤다운(채도 감소, 밝게 또는 어둡게)하고 다른 하나를 악센트로 사용하세요.

삼색 조화 (세 색상이 균등하게 배치)

120° 간격의 세 색상: 빨강-노랑-파랑, 주황-초록-보라. 균형잡혀 있고 활기찬. 삽화, 어린이용 제품, 압도적이지 않으면서 생생하게 느껴지고 싶은 브랜드에 인기가 있습니다.

주의: 세 색상 모두 같은 채도에서는 관심을 놓고 경쟁합니다. 하나는 주도(디자인의 60%), 하나는 지원(30%), 하나는 악센트(10%)로 선택하세요.

유사색 (색상환의 이웃)

3~5개의 인접한 색상: 노랑-노랑-노랑초록-초록 또는 파랑-파랑-보라-보라. 가장 차분한 조화 — 색상이 서로 싸우지 않으므로 갈등이 없습니다. 자연 장면(일몰, 숲)은 거의 항상 유사색입니다.

주의: 유사색 팔레트는 밋밋하게 느껴질 수 있습니다. 명암 포인트를 위해 보색 악센트(중간 색상의 반대색의 소량)를 추가하세요.

분할 보색 (두 개의 근접한 반대 색상)

기본 색상을 선택한 후 그 보색 자체 대신 보색에 인접한 두 색상을 선택합니다. 엄격한 보색보다 부드럽지만 여전히 펀치감 있습니다. 직선 보색이 너무 공격적이라고 생각하는 디자이너에게 좋은 기본값입니다.

사색 조화 (두 개의 보색 쌍)

색상환에서 직사각형을 형성하는 네 색상: 예를 들어 빨강 + 초록 + 주황 + 파랑. 가장 풍부한 조화 — 다양성이 많음 — 하지만 균형을 맞추기 가장 어렵습니다. 한 색상이 지배하고 다른 세 색상이 지원할 때 가장 좋습니다.

주의: 사색 팔레트는 쉽게 혼란스러워 보입니다. 어떤 색상이 정체성을 전달할지 결정하고 다른 세 색상을 더 작은 역할로 강등하세요.

단색 조화 (하나의 색상, 여러 값)

채도와 명도가 다양한 단일 색상. 최대 응집력, 색상 대비 없음. UI 크롬이 아닌 콘텐츠(사진, 타이포그래피)가 시각적 관심을 끌고 싶은 인터페이스에 완벽합니다.

대부분의 미니멀리스트 SaaS 도구는 단색 조화를 사용합니다 — 브랜드는 하나의 파랑, 나머지는 모두 그레이스케일입니다.

유행 (규칙을 잘 어기기)

우리 Color Palette Generator에 포함되어 있는 일곱 번째 모드: ColourLovers, Coolors 및 업계 디자이너의 177개 손으로 선별된 커뮤니티 팔레트. 이 팔레트는 종종 의도적으로 고전 규칙을 어깁니다 — 디자이너가 구체적인 창의적 의도를 가지고 있기 때문에 작동합니다 — 순수 이론이 너무 안전한 것을 생산할 때 영감의 좋은 원천입니다.

어떤 것을 선택할까요?

에디토리얼, 차분함, 자연 → 유사색.
펀치감, CTA, 에너지 → 보색 또는 분할 보색.
생생한 브랜드, 삽화 → 삼색 조화.
풍부한 에디토리얼, 대담한 캠페인 → 사색 조화.
미니멀리스트 UI, 사진이 많음 → 단색 조화.
막혔을 때 → 유행을 찾아보세요.

규칙을 넘어서

일곱 가지 조화는 모두 두 가지 중요한 차원을 무시합니다: 대비 (이 배경에서 텍스트를 읽을 수 있나?) 및 의미론적 색상 (빨강은 이론이 좋아 보인다고 해서 서양 UI에서는 위험을 의미함). 항상 최종 팔레트를 WCAG 대비 검사를 통해 실행하세요 — Color Palette Generator는 한 번의 클릭으로 모든 쌍의 AA/AAA 비율을 표시합니다 — 그리고 색상환이 좋아 보인다고 해서 위험 색상을 선택하지 마세요.

규칙은 출발점이지 끝점이 아닙니다. 다섯 개의 팔레트를 생성하고, 비평하고, 조정하세요. 좋은 팔레트는 한 번의 주사위 굴림이 아닌 반복에서 나옵니다.

색상 조화 규칙: 보색, 삼색, 사색 조화 및 각각의 사용 시기