/ 색상 도구 / 온라인 분할 보색 도구
무료 온라인 도구

온라인 분할 보색 도구

기준 색상을 입력하면 보색 양옆 30도 색상을 자동으로 생성합니다. HEX, RGB, HSV, HSL 지원. 예: #FF0000 → #FF0000, #00FF8…

사용 시작

분할 보색 도구의 특징

이 도구는 단순히 보색 하나만 제공하지 않고, 보색의 양쪽으로 30도씩 떨어진 두 색상을 함께 생성하여 총 세 가지 색상 팔레트를 만듭니다. 이는 단일 보색보다 부드러운 대비를 원할 때 유용합니다.

실제 예시: 빨간색 기준

기준 색상으로 #FF0000(빨간색)을 입력하면 도구는 다음 세 가지 색상을 반환합니다:

  • #FF0000 (기준 색상)
  • #00FF80 (보색인 청록색에서 30도 이동)
  • #007FFF (보색에서 반대 방향으로 30도 이동)

이 예시는 도구의 계산이 정확함을 보여줍니다. 색상 간격은 150도, 60도, 150도로 고정되어 있으며, 이는 삼색 배색과는 다릅니다.

주요 기능

  • HEX, RGB, HSV, HSL 형식으로 색상 입력 가능
  • 결과 견본을 개별적으로 편집 가능
  • 모든 처리는 브라우저에서 로컬로 수행되며, 이미지 업로드나 AI가 필요 없음
  • 초기화 기능으로 기본 상태로 복귀

제한 사항

이 도구는 색상 대비 접근성이나 명도 대비를 평가하지 않습니다. 또한 색상 간격을 조절하는 옵션은 제공되지 않습니다. 생성된 팔레트가 자동으로 아름답거나 읽기 쉽다고 보장하지 않으므로, 실제 사용 전에 대비를 별도로 확인해야 합니다.

자주 묻는 질문

분할 보색과 보색의 차이는 무엇인가요?

보색은 색상환에서 정반대에 있는 색상 하나를 말합니다. 분할 보색은 보색 대신 그 양옆에 있는 두 색상을 사용하여 총 세 가지 색상으로 구성합니다. 이는 더 부드러운 대비를 제공하며 초보자도 사용하기 쉽습니다.

결과 색상 값을 어떻게 활용할 수 있나요?

각 견본 아래에 표시된 HEX 값을 복사하여 CSS, 디자인 소프트웨어 등에 붙여넣을 수 있습니다. 견본을 직접 편집하면 값이 즉시 업데이트됩니다.

이 도구는 모바일에서도 사용할 수 있나요?

네, 모바일 브라우저에서도 동작합니다. 기준 색상을 선택한 후 계산 버튼을 누르면 세 가지 견본을 확인할 수 있습니다. 다만 색상 값 입력 시 소수점 구분 기호는 로컬 설정에 따라 다를 수 있으므로 HEX 형식을 권장합니다.

처리는 브라우저에서 로컬로 수행됩니다.