색상 조화 생성기 🔒 브라우저에서 로컬로 실행 — 아무것도 업로드되지 않습니다.

이 도구에 대해

색상 조화는 색상환에서 바로 가져온 색상 관계입니다. 보색(complementary)은 두 개의 반대 색상을 짝지어 최대 대비를 만들고, 유사색(analogous)은 인접한 세 색상을 묶어 차분하고 통일감 있는 느낌을 주며, 삼각 배색(triadic)은 세 색상을 균등한 간격으로 배치해 생동감 있으면서도 균형 잡힌 느낌을 주고, 사각 배색(tetradic)은 네 색상을 균등한 간격으로 배치해 풍부하지만 균형 잡기가 더 어려운 팔레트를 만들며, 분할 보색(split-complementary)은 단 하나의 진짜 보색 대신 그 양옆의 두 색상을 사용해 시각적 긴장은 줄이면서 보색 배색의 대비 효과 대부분을 유지합니다.

기본 색상을 선택하고 배색 방식을 고르면, 이 도구는 동일한 채도와 명도로 나머지 모든 색상을 계산해 전체 세트가 하나의 계열처럼 보이게 합니다. 각 색상 견본은 정확한 hsl() 값을 표시하며 클릭하면 클립보드에 복사됩니다 — CSS에 바로 붙여넣으세요. 모든 처리는 브라우저에서 로컬로 이루어지며 아무것도 업로드되지 않고, 기본 색상과 마지막으로 사용한 배색 방식은 다음을 위해 저장됩니다.

자주 묻는 질문