# 분할 보색 생성기

이 분할 보색 생성기로 기본 색 하나에서 분할 보색 배색을 만들어 보세요. 3자리 또는 6자리 hex 코드를 입력하면 기본 색과 함께 HSL 색상환에서 보색의 양쪽으로 각각 210도 및 150도 떨어진 두 색조를 hex 코드로 반환합니다. 일반적인 보색 쌍보다 긴장감은 낮으면서 강한 대비를 원하는 디자이너와 개발자에게 유용합니다.

## 자주 묻는 질문

### 분할 보색 생성기는 어떤 결과를 반환하나요?

세 가지 색을 6자리 소문자 hex 코드로 반환합니다. 색상 1은 기본 색, 색상 2는 색조를 150도 회전한 색, 색상 3은 색조를 210도 회전한 색입니다.

### 분할 보색 배색이란 무엇인가요?

기본 색의 정반대 색 하나를 사용하는 대신, 그 반대 색을 기준으로 양쪽에 30도씩 떨어진 두 색을 사용합니다. 보색 쌍의 대비를 대부분 유지하면서 팔레트의 균형을 맞추기는 더 쉽습니다.

### 어떻게 계산하나요?

도구는 hex 코드를 HSL로 변환한 다음 색조에 210도와 150도를 더하고 360도를 기준으로 순환합니다. 채도와 명도는 그대로 유지하며, 각 결과를 다시 hex 코드로 변환합니다.

### 순수한 빨간색의 분할 보색은 무엇인가요?

\#ff0000의 경우 도구는 #ff0000, #00ff80, #0080ff을 반환합니다. 청록색 양쪽에 봄빛 초록색과 하늘색이 놓입니다. 도구는 화면 기반 HSL 색상환을 사용하므로 화가의 빨강, 노랑, 파랑 색상환과는 결과가 다릅니다.

### 어떤 색상 형식을 입력할 수 있나요?

\#을 포함하거나 제외해 3자리 또는 6자리 hex 코드 하나를 입력하세요. 예를 들면 #3366cc 또는 36c입니다. RGB 및 HSL 문자열과 색상 이름은 지원하지 않으므로 먼저 hex 코드로 변환하세요.

### 결과에서 기본 색이 약간 달라지는 이유는 무엇인가요?

색조, 채도, 명도는 정수 단위로 반올림되므로 색상을 HSL로 변환했다가 되돌리면 채널 하나가 한 단계 달라질 수 있습니다. 예를 들어 #ff5733은 #ff5833로 반환되며, 그 옆에 #33ffbe과 #3374ff가 놓입니다.

### 분할 보색 팔레트는 어떻게 사용하나요?

기본 색은 주 색상으로 사용하고, 분할 보색 두 가지는 보조 동작, 강조 요소 또는 차트 계열의 강조색으로 사용하세요. 강조색이 기본 색과 정반대가 아니므로 직접적인 보색보다 충돌이 적습니다.

### 검은색, 흰색 또는 회색은 어떻게 되나요?

무채색은 채도가 0이므로 색조를 회전해도 같은 회색이 반환됩니다. 서로 다른 세 가지 색을 얻으려면 채도가 있는 기본 색을 선택하세요.

### 이 도구는 텍스트 대비를 확인하나요?

아니요. 색상만 계산합니다. 세 색상 모두 기준 색상의 명도를 유지하므로, 게시하기 전에 대비 검사기로 텍스트와 배경의 조합을 확인하세요.

### 결과가 색상 팔레트 생성기와 동일한가요?

예. 이 도구는 색상 팔레트 생성기의 분할 보색 옵션과 동일한 계산을 수행하므로, 같은 기준 색상에 대해 두 도구가 동일한 hex 코드를 반환합니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)