색상 조화 검사기 (색상 각도 비교)
두 HEX 색상이 선택한 HSL 색상 관계와 허용 각도 안에 있는지 비교합니다. 색상, 채도, 명도의 차이도 함께 보여 줍니다.
선택한 HSL 색상 각도만 확인합니다. 미적 점수도, 물감 혼합 예측도, 접근성 대비 검사도 아닙니다.
허용 각도는 사용자가 정합니다. 30도는 이 도구가 유사색의 기준으로 쓰는 값일 뿐, 가까운 색에 대한 보편적인 정의가 아닙니다.
| 색상 | HEX | 색상(도) | 채도(%) | 명도(%) |
|---|---|---|---|---|
| 첫 번째 | #FF0000 | 0 | 100 | 50 |
| 두 번째 | #00FFFF | 180 | 100 | 50 |
디지털 색 두 가지 사이의 특정 색상 관계를 확인합니다. HEX 코드 두 개를 입력하고 HSL 각도를 고른 뒤, 두 번째 색이 그 각도에서 얼마나 벗어나도 되는지 정하세요. 디지털 색상환 위의 기하 관계를 비교할 뿐이며, 디자인이 아름답거나 균형 잡혔거나 읽기 쉽다고 판정하지는 않습니다.
사용 방법
- 불투명한 3자리 또는 6자리 HEX 색상 두 개를 입력합니다.
- 시험하려는 색상 관계를 고릅니다.
- 허용 각도를 0도에서 30도 사이로 정합니다.
- 각도 결과와 따로 나온 채도·명도 차이를 함께 읽습니다.
계산식
간격 = min(|h₁ − h₂|, 360 − |h₁ − h₂|); 각도 차이 = |간격 − 목표|
색상은 sRGB에서 HSL로 계산합니다. 목표는 보색 쌍이 180도, 트라이어드의 두 색이 120도, 정사각 테트라드의 이웃한 두 색이 90도이며, 유사색은 30도를 기준으로 삼습니다. 허용 각도는 색상에만 적용됩니다.
예시
빨강 #FF0000의 색상은 0도, 시안 #00FFFF의 색상은 180도입니다. 두 색의 가장 짧은 간격은 180도로, 허용 각도가 0이어도 보색 목표와 정확히 일치합니다. HSL 채도와 명도의 차이는 둘 다 0입니다.
자주 묻는 질문
관계가 맞으면 글자를 읽기 쉽다는 뜻인가요?
아닙니다. 글자 대비는 상대 휘도와 글자색·배경색의 조합에 따라 정해집니다. 색상 각도가 맞는지는 다른 계산이므로 대비 검사를 대신할 수 없습니다.
회색은 왜 정의되지 않음으로 나오나요?
빨강, 초록, 파랑 채널 값이 같으면 색상 방향이 없습니다. 회색, 검정, 흰색은 프로그램이 자리 표시용 색상 값을 저장하더라도 의미 있는 색상 각도를 만들 수 없습니다.
유사색은 꼭 30도 간격이어야 하나요?
아닙니다. 가까운 색상이라는 것은 하나로 정해진 허용 범위가 아니라 디자인상의 관례입니다. 이 검사기는 결과를 다시 재현할 수 있도록 30도를 명시적인 목표로 쓰며, 유사색 찾기에서는 간격을 직접 고를 수 있습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/color-harmony-tool/
인용·퍼가기
kakaoCalc. (2026, November 8). 색상 조화 검사기 (색상 각도 비교). https://kakao.mobile/ko/tools/color-harmony-tool/
“색상 조화 검사기 (색상 각도 비교).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-harmony-tool/.