/ 색상 도구 / 온라인 4색 구성 도구
무료 온라인 도구

온라인 4색 구성 도구

기준 색상을 입력하면 HSL 오프셋 0°, 60°, 180°, 240°로 4색 팔레트를 생성합니다. HEX, RGB, HSV, HSL 값으로 표시되며 브라우저에…

사용 시작

주요 기능 및 특징

이 도구는 디자인 프로젝트에서 사용할 수 있는 4색 조화 팔레트를 빠르게 생성합니다. 직사각형 테트라드 방식은 두 쌍의 보색 관계를 사용하여 균형 잡힌 색상 구성을 제공합니다.

작동 방식

기준 색상의 HSL 값을 기준으로 색상(H)에 60°, 180°, 240°를 더해 나머지 세 색상을 계산합니다. 채도와 명도는 기준 색상과 동일하게 유지되며, 결과는 정수로 반올림됩니다.

실제 예시

예를 들어 기준 색상으로 #FF0000(빨강)을 입력하면 다음 네 가지 색상이 생성됩니다:

  • #FF0000 (빨강)
  • #FFFF00 (노랑)
  • #00FFFF (청록)
  • #0000FF (파랑)

이 예시는 HSL 오프셋이 정확히 0°, 60°, 180°, 240°일 때의 결과입니다.

제한 사항

  • 직사각형 간격은 고정되어 있으며 각도 선택기가 없습니다.
  • 결과 색상은 정수 반올림으로 인해 다른 팔레트 생성기와 약간 다를 수 있습니다.
  • 이 도구는 자동 대비 점수, 색맹 시뮬레이션, 팔레트 파일 형식 선택 기능을 제공하지 않습니다.
  • 모든 계산은 브라우저에서 로컬로 수행되며 서버로 데이터를 전송하지 않습니다.

사용 팁

생성된 팔레트는 디자인 후보로 사용하되, 접근성을 보장하지 않으므로 텍스트와 배경 조합을 별도로 테스트하는 것이 좋습니다. 모바일 사용자는 기준 색상을 선택하고 계산한 후 네 개의 스와치를 확인할 수 있습니다.

자주 묻는 질문

Q1: 이 도구는 정사각형 테트라드도 생성할 수 있나요?

아니요, 이 도구는 고정된 직사각형 테트라드만 생성합니다. 정사각형 테트라드는 모든 색상 간격이 90°인 반면, 직사각형 테트라드는 0°, 60°, 180°, 240° 간격을 사용합니다.

Q2: 결과 색상의 값을 편집하면 다른 색상도 자동으로 조정되나요?

아니요, 각 결과 패널의 값을 편집하면 해당 색상만 변경됩니다. 나머지 테트라드 색상은 자동으로 업데이트되지 않습니다.

Q3: 이 도구는 색맹 사용자를 위한 시뮬레이션을 제공하나요?

아니요, 이 도구에는 색맹 시뮬레이션 기능이 포함되어 있지 않습니다. 접근성이 중요한 경우 별도의 도구로 대비와 색상 조합을 테스트하는 것이 좋습니다.

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