분할 보색 생성기

세 가지 색을 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 코드를 반환합니다.