색상 조화 생성기 — 보색·삼색 등 배색

기준 색상을 선택하면 보색·유사색·삼색·사색·분할 보색·단색 배색을 HEX 코드와 함께 즉시 생성하고 클릭으로 복사할 수 있습니다.

🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.

💡 색상 견본을 클릭하면 HEX가 복사됩니다.

도움이 됐나요? 눌러서 반응하기

이 도구 소개

이 색상 조화 생성기는 하나의 기준 색상으로 색상환의 관계에 따라 어울리는 배색을 만들어 줍니다 — 보색·유사색·삼색·사색·분할 보색·단색. 색을 선택하거나 입력하면 모든 배색이 한 번에 나타나며, 각 색상 칩에는 클릭으로 복사할 수 있는 HEX 코드가 붙습니다. 브랜드 색이나 강조색 한 가지를 균형 잡힌, 바로 쓸 수 있는 팔레트로 빠르게 바꿀 수 있고 모든 작업이 브라우저에서 이루어집니다.

자주 묻는 질문

보색·유사색·삼색의 차이는 무엇인가요?

보색은 색상환에서 서로 정반대에 있어 강한 대비를 만들고, 유사색은 이웃한 색으로 차분하고 통일감 있는 느낌을 줍니다. 삼색은 균등하게 떨어진 세 가지 색으로 생동감과 균형을 함께 유지합니다. 분할 보색·사색·단색은 각각 더 부드러운 대비, 풍부한 네 가지 색 구성, 같은 색상의 명암 변화를 제공합니다.

내 프로젝트에는 어떤 배색을 골라야 하나요?

시선을 끄는 대담한 강조에는 보색이나 분할 보색이 잘 어울리고, 편안하고 통일된 느낌을 원하면 유사색이나 단색이 좋습니다. 삼색과 사색은 서로 다른 여러 색이 필요한 경쾌한 디자인에 어울립니다 — 몇 가지를 생성해 실제 콘텐츠에 대보며 시험해 보는 것이 좋습니다.

조화 색상은 어떻게 계산되나요?

이 도구는 기준 색상을 색상환의 색조로 변환한 뒤 그 색조를 정해진 각도만큼 회전시켜 계산합니다 — 예를 들어 보색은 180도, 삼색은 120도씩 세 번 회전하며 채도와 명도는 일정하게 유지합니다. 계산이 브라우저에서 이루어지므로 배색이 즉시 나타나고 입력한 내용이 서버로 전송되지 않습니다.