🔷 분할 보색 팔레트 생성기 | 분할 각도 직접 조절

기준 색상 (HEX)

분할 각도 (5~85도)

도

색	색상환 각도	기준색과의 차이	HEX	HSL

분할 각도를 직접 정하는 분할 보색 배색

분할 보색은 보색 하나를 그대로 쓰지 않고, 보색 양옆으로 갈라진 두 색을 쓰는 배색입니다. 보색 쌍만큼 대비가 살지만 두 색이 정면으로 부딪히는 느낌은 덜합니다. 이 도구는 분할 각도를 5도부터 85도까지 직접 넣을 수 있습니다. 각도를 좁히면 보색 하나처럼 단단해지고 넓히면 삼각 배색에 가까워지므로, 두 느낌 사이에서 원하는 지점을 찾아 쓸 수 있습니다.

계산 방식

입력한 색을 W3C CSS Color 명세의 HSL 정의로 바꾼 뒤, 색상(H)에 180도에서 분할 각도를 뺀 값과 더한 값을 적용합니다. 채도와 명도는 기준 색 값을 그대로 둡니다. 보색 자체는 분할 보색 팔레트에 들어가지 않는 것이 정의이므로, 보색은 표와 스와치에서 참고용으로만 흐리게 표시하고 팔레트 3색과 구분했습니다. 명세는 2026년 10월 기준입니다.

한계

채도가 없는 흰색·회색·검정은 색상 값이 정의되지 않아 안내 문구로 막습니다. 각 색을 어디에 쓸지 역할을 배분해 주지는 않으며, 명암비 등급 판정도 하지 않습니다.

자주 묻는 질문

보색은 왜 팔레트에 들어가지 않나요?

분할 보색이라는 배색의 정의 자체가 보색 대신 그 양옆 두 색을 쓰는 것입니다. 그래서 보색은 어디서 갈라졌는지 확인하도록 참고용으로만 흐리게 보여 주고, 복사해 쓰는 팔레트는 기준 색과 분할 두 색까지 세 색입니다.

분할 각도는 몇 도가 좋을까요?

널리 쓰이는 값은 30도이지만 정답으로 정해진 수치는 아닙니다. 각도를 좁히면 보색 한 색에 가까워지고 넓히면 삼각 배색에 가까워지므로, 값을 바꿔 가며 스와치를 보고 고르세요.

세 색의 명암비는 확인할 수 있나요?

이 페이지는 색만 만듭니다. 글자와 배경 조합이 접근성 기준을 넘는지는 모든 색 쌍을 한 번에 판정하는 명암비 도구에서 확인하세요.

🔷분할 보색 배색 팔레트 생성기

관련된 도구

삼각 배색(Triadic) 팔레트 생성기

사각 배색(Tetradic) 팔레트 생성기

분할 각도를 직접 정하는 분할 보색 배색

계산 방식

한계

자주 묻는 질문

관련된 도구

삼각 배색(Triadic) 팔레트 생성기

사각 배색(Tetradic) 팔레트 생성기

분할 각도를 직접 정하는 분할 보색 배색

계산 방식

한계

자주 묻는 질문

같은 카테고리 도구