KO
내 도구

색상 조화 검사기 (색상 각도 비교)

두 HEX 색상이 선택한 HSL 색상 관계와 허용 각도 안에 있는지 비교합니다. 색상, 채도, 명도의 차이도 함께 보여 줍니다.

색상 관계
선택한 허용 각도 안에 있음
가장 짧은 색상 간격
180 도
목표 간격
180 도
목표와의 각도 차이
0 도
채도 차이
0 %p
명도 차이
0 %p

선택한 HSL 색상 각도만 확인합니다. 미적 점수도, 물감 혼합 예측도, 접근성 대비 검사도 아닙니다.

허용 각도는 사용자가 정합니다. 30도는 이 도구가 유사색의 기준으로 쓰는 값일 뿐, 가까운 색에 대한 보편적인 정의가 아닙니다.

입력한 색상의 디지털 HSL 값
색상HEX색상(도)채도(%)명도(%)
첫 번째#FF0000010050
두 번째#00FFFF18010050
내 도구 →
광고

디지털 색 두 가지 사이의 특정 색상 관계를 확인합니다. HEX 코드 두 개를 입력하고 HSL 각도를 고른 뒤, 두 번째 색이 그 각도에서 얼마나 벗어나도 되는지 정하세요. 디지털 색상환 위의 기하 관계를 비교할 뿐이며, 디자인이 아름답거나 균형 잡혔거나 읽기 쉽다고 판정하지는 않습니다.

사용 방법

  1. 불투명한 3자리 또는 6자리 HEX 색상 두 개를 입력합니다.
  2. 시험하려는 색상 관계를 고릅니다.
  3. 허용 각도를 0도에서 30도 사이로 정합니다.
  4. 각도 결과와 따로 나온 채도·명도 차이를 함께 읽습니다.

계산식

간격 = min(|h₁ − h₂|, 360 − |h₁ − h₂|); 각도 차이 = |간격 − 목표|

색상은 sRGB에서 HSL로 계산합니다. 목표는 보색 쌍이 180도, 트라이어드의 두 색이 120도, 정사각 테트라드의 이웃한 두 색이 90도이며, 유사색은 30도를 기준으로 삼습니다. 허용 각도는 색상에만 적용됩니다.

예시

빨강 #FF0000의 색상은 0도, 시안 #00FFFF의 색상은 180도입니다. 두 색의 가장 짧은 간격은 180도로, 허용 각도가 0이어도 보색 목표와 정확히 일치합니다. HSL 채도와 명도의 차이는 둘 다 0입니다.

자주 묻는 질문

관계가 맞으면 글자를 읽기 쉽다는 뜻인가요?

아닙니다. 글자 대비는 상대 휘도와 글자색·배경색의 조합에 따라 정해집니다. 색상 각도가 맞는지는 다른 계산이므로 대비 검사를 대신할 수 없습니다.

회색은 왜 정의되지 않음으로 나오나요?

빨강, 초록, 파랑 채널 값이 같으면 색상 방향이 없습니다. 회색, 검정, 흰색은 프로그램이 자리 표시용 색상 값을 저장하더라도 의미 있는 색상 각도를 만들 수 없습니다.

유사색은 꼭 30도 간격이어야 하나요?

아닙니다. 가까운 색상이라는 것은 하나로 정해진 허용 범위가 아니라 디자인상의 관례입니다. 이 검사기는 결과를 다시 재현할 수 있도록 30도를 명시적인 목표로 쓰며, 유사색 찾기에서는 간격을 직접 고를 수 있습니다.

출처

최종 업데이트:

인용·퍼가기
APA

kakaoCalc. (2026, November 8). 색상 조화 검사기 (색상 각도 비교). https://kakao.mobile/ko/tools/color-harmony-tool/

MLA

“색상 조화 검사기 (색상 각도 비교).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-harmony-tool/.

광고