온라인 유사 색상 구성 도구

유사 색상 도구의 기능과 사용 예

이 도구는 기본 색상의 색상(hue)을 기준으로 왼쪽과 오른쪽으로 일정 각도만큼 이동한 두 색상을 생성합니다. 예를 들어 기본 색상 #3B82F6 (내부적으로 HSL 약 217°, 91%, 60%)에 30도 갭을 적용하면 결과는 #3CE0F6, #3B82F6, #523CF6입니다. 90도 갭을 적용하면 #3CF652, #3B82F6, #F63CE0이 됩니다.

주요 설정

• 기본 색상: 색상 선택기 또는 텍스트 입력으로 지정
• 각도 갭: 1~90도 사이에서 조절 (기본 30도)
• 생성 버튼: 클릭 시 세 가지 색상 계산
• 각 스와치의 고급 패널: HEX, RGB, HSV, HSL 값 편집 가능

작동 방식

계산은 브라우저에서 로컬로 수행됩니다. 기본 색상을 HSL로 변환하고, 포화도와 명도를 유지한 채 색상 각도를 이동시킵니다. 중간 스와치는 변환 과정을 거치지 않아 선택한 기본 색상과 정확히 동일한 HEX 값을 유지합니다.

제한 사항

이 도구는 대비 점수, 색맹 시뮬레이션, 색역 경고, 브랜드 팔레트 잠금 또는 파일 내보내기 기능을 제공하지 않습니다. 유사 색상 조합이 항상 읽기 쉬운 대비를 보장하지는 않으므로, 텍스트와 배경 조합은 별도로 접근성 기준을 확인하세요.

자주 묻는 질문

Q1. 생성된 색상 중 하나를 편집하면 다른 색상도 자동으로 변경되나요?

아니요. 각 스와치의 고급 패널에서 값을 편집하면 해당 스와치만 변경되며, 다른 두 색상은 다시 계산되지 않습니다.

Q2. 각도 갭을 0도로 설정할 수 있나요?

아니요. 각도 갭은 1도에서 90도 사이로 제한됩니다. 기본값은 30도입니다.

Q3. 생성된 색상이 화면에 표시되는 것과 실제 인쇄 결과가 다를 수 있나요?

이 도구는 RGB/HEX 색상 모델을 사용하므로, 인쇄 시 CMYK 변환 과정에서 색상 차이가 발생할 수 있습니다. 인쇄용으로 사용할 때는 별도로 색상 프로파일을 확인하세요.