색상 조화 분석기이란?
색상 조화 분석기는 색채 이론에 따라 색상들이 잘 어울리는지 확인합니다. 조화 유형(보색, 유사색, 삼색 등)을 감지하고, 호환성 점수를 매기며, 팔레트 개선 팁을 제공합니다.
분석기는 각 HEX를 HSL로 변환한 뒤 색상환에서 색상 간 거리를 측정해 보색, 유사색, 삼색, 분리 보색, 사색, 단색 관계를 판별합니다. 채도와 명도의 분포도 살펴 0~100점을 매기고, 대비를 위해 톤을 어둡게 하거나 채도를 맞추라는 식의 구체적 제안을 함께 보여 줍니다.
사용 방법
- 헥스 코드를 입력하거나 색상 선택 도구를 사용해 두 가지 이상의 색상을 추가하세요.
- 조화 분석에서 감지된 관계 유형과 호환성 점수를 확인하세요.
- 개선 제안을 확인한 후 팔레트를 내보내세요.
사용 시기
- 스타일 토큰을 확정하기 전에 브랜드의 3색 팔레트가 잘 맞는지 검증할 때.
- 무드보드에서 뽑은 두 후보 팔레트 중 더 조화로운 쪽을 고를 때.
- 시리즈마다 색이 구분돼야 하는 차트 팔레트를 점검할 때.
결과
브랜드 디자이너가 3가지 브랜드 색상을 입력하여 87% 호환성 점수의 분할 보색 조화를 이루고 있음을 확인했으며, 파란색을 약간 따뜻하게 조정하라는 제안을 받았습니다.
자주 묻는 질문
- 조화 점수는 실제로 무엇을 측정하나요?
- 알려진 관계(보색 180°, 유사색 60° 이내 등)에 색상각이 얼마나 가까운지, 채도와 명도가 얼마나 균형 잡혀 있는지, 전반 대비가 충분한지를 종합합니다. 70점 이상이면 안정적이고 50점 아래는 보통 손볼 필요가 있습니다.
- 왜 제 세 색이 '삼색'이 아니라 '맞춤'으로 분류되나요?
- 엄밀한 삼색은 색상이 정확히 120°씩 떨어집니다. 예를 들어 색상이 80°와 200°에 있으면 교과서적 패턴과 어긋나 '맞춤'으로 표시되지만, 그래도 채도, 명도, 대비를 기준으로 점수를 매깁니다.
- 항상 100점을 목표로 해야 하나요?
- 꼭 그렇지 않습니다. 100점은 '교과서적으로 깔끔'한 팔레트로 차트나 대시보드에 좋습니다. 브랜드 색은 70~85에 머무는 경우가 많고, 살짝의 긴장감이 기억에 남게 만듭니다. 점수는 길잡이로 보세요.
- 한 번에 몇 가지 색까지 다룰 수 있나요?
- 현실적으로 2~7색이 적당합니다. 두 색이 관계를 보기 위한 최소이며, 7색을 넘기면 조화 유형이 의미를 잃고 대부분 맞춤으로 묶입니다. 색이 더 많이 필요한 데이터 시각화는 명도와 채도 균형에 집중하세요.
- 팔레트를 코드나 디자인 툴에 쓸 수 있게 내보낼 수 있나요?
- 네. 다운로드 버튼이 HEX 코드를 파일로 저장하며, 한 번 클릭으로 전체 색을 클립보드에 복사할 수도 있습니다. Figma의 색상 스타일, CSS 변수, 디자인 시스템의 JSON 토큰 파일 등에 그대로 붙여 넣어 쓰세요.