color_lens 색상 팔레트 생성기 star

작동 방식

색채 이론은 조화 규칙을 색상환 위 색조들 사이의 고정된 각도 관계로 정의합니다. 이 도구는 RGB가 아니라 HSL 모델(색조·채도·명도)로 이를 계산합니다. 색조(Hue)는 원 위의 0–360° 자연수 값이므로, 각도를 더해 관련 색을 찾는 것이 단순한 덧셈 연산이 되기 때문입니다. RGB에서는 색이 그저 세 개의 명도 채널일 뿐 "각도"라는 고유한 개념이 없으므로, 같은 조화 계산을 하려면 어차피 내부적으로 HSL로 변환해야 합니다. 이 도구는 그 계산이 자연스러운 공간에서 바로 작업할 뿐입니다.

기준 색상의 색조(Hue)로부터 다음을 도출합니다. 보색(정반대에 있는 단일 색조, 기준 + 180°, 최대 대비를 위한 것), 삼각조화(색상환을 120° 간격으로 균등하게 나눈 세 색조, 화사하면서도 균형 잡힌 배색), 유사색(±30°의 인접 색조, 서로 가까이 있어 차분하고 일관된 느낌), 분할 보색(보색 양옆의 두 색조, ±150°, 순수 보색보다 긴장감이 덜한 대비), 그리고 색조와 채도는 고정한 채 명도만 위아래로 조정하는 단색 스케일입니다. 예를 들어 기준 색조가 200°(파란색)이면 보색은 20°(주황색)가 되고, 삼각조화 색조는 320°와 80°가 됩니다.

알아두어야 할 사항

• 실용적인 60-30-10 공식: 디자인의 약 60%는 기준 색상, 30%는 유사색 톤, 나머지 10%는 버튼·링크·강조 요소 같은 보색 포인트로 사용하십시오.
• 조화는 접근성이 아닙니다. 색상환에서 수학적으로 관련된 두 색조라 해도 명도 대비와는 무관합니다. 색상 위에 텍스트를 올리는 조합은 별도로 WCAG 기준에 맞춰 확인해야 합니다.
• 스와치를 클릭하면 hex 코드가 즉시 클립보드에 복사됩니다.
• 채도와 명도도 여전히 큰 영향을 미칩니다. 두 팔레트가 정확히 같은 색조 집합을 공유해도 분위기는 완전히 다를 수 있습니다. 채도가 낮고 명도가 높으면 부드러운 파스텔 느낌이 나는 반면, 같은 색조라도 채도를 최대로 하고 명도를 낮추면 대담하고 강렬한 느낌이 됩니다.
• 문화적 연상은 색상환의 법칙을 따르지 않습니다. 수학적으로 "올바른" 조화 상대라 해도 특정 지역이나 업계에서 그 색이 어떤 의미로 읽히는지는 알려주지 않습니다. 빨간색은 어떤 맥락에서는 경고로, 다른 맥락에서는 축하로 읽힐 수 있으며 이는 조화 규칙과는 무관합니다.

간단한 예시: 기준 색상으로 #3B82F6(중간 톤 파란색, 색조 약 217°)을 선택했다고 합시다. 보색은 색조 37° 부근, 즉 따뜻한 주황색이 되며, 파란색 위주 인터페이스에서 기본 버튼 색으로 자연스럽게 어울립니다. 삼각조화 세트는 97°(황록색)와 337°(마젠타 핑크) 부근의 색조를 추가하며, 카테고리 태그나 차트의 데이터 시리즈처럼 서로 구별되면서도 균형 잡힌 세 가지 강조색이 필요할 때 유용합니다.