컬러 팔레트 생성기
HEX 색상 하나만 입력하면 색상 이론에 기반한 5가지 조화 팔레트를 자동 생성합니다. 디자인 시스템·브랜드 컬러·일러스트 색감 정하기에 사용하세요.
사용 방법
컬러 피커나 HEX 입력으로 기준 색상을 정하세요. 그 색을 중심으로 모든 팔레트가 자동 계산됩니다.
보색(180°), 유사색(±30°), 삼각배색(120°), 사각배색(90°), 단색명도(밝기 변화) 5가지 중에서 선택. HSL 색상환 기반 정확한 회전 계산.
각 색상 카드를 클릭하면 HEX가 복사되고, 하단의 "CSS 변수 복사"로 전체 팔레트를 한 번에 가져갑니다.
자주 묻는 질문
"조화"란 어떤 의미인가요?
색상 이론에서 "색상환"(color wheel)에서 일정한 각도 관계에 있는 색상들이 시각적으로 조화롭게 보인다는 원칙입니다. 본 도구는 HSL 색공간의 Hue를 회전시켜 각 모드를 만듭니다.
5가지 모드는 어떻게 다른가요?
보색(180° 반대)은 강렬한 대비, 유사색(±30°)은 부드러운 연속감, 삼각배색(120°)은 균형 잡힌 활발함, 사각배색(90°)은 4색 다채로움, 단색명도는 같은 hue의 명도 변화로 절제된 일관성을 만듭니다.
HSL 회전이 RGB 평균보다 좋은 이유?
HSL은 사람의 색상 인식과 더 가깝게 설계되어 "비슷한 명도·채도"를 유지하며 hue만 회전할 수 있습니다. RGB 단순 평균은 대비가 어색해지거나 채도가 떨어지는 경우가 많습니다.
실무에서 어떻게 사용?
CSS 변수 형태(`--color-primary: #...`)로 복사해 디자인 토큰으로 바로 사용하거나, Figma·Adobe XD에 HEX를 직접 붙여넣으세요. 단, 접근성(WCAG 대비)은 별도로 검증 필요(본 사이트의 "WCAG 컬러 대비 검사" 참고).
데이터가 서버에 전송되나요?
아닙니다. 모든 변환은 브라우저에서만 이루어지며, 입력값이 외부로 전송되지 않습니다.
