유사색 찾기
HEX 색상 양옆의 HSL 색상(Hue) 두 가지를 원하는 각도로 구합니다. 기준 채도와 명도는 8비트 반올림 전까지 그대로 유지합니다.
색상 각도는 sRGB에서 계산한 디지털 HSL을 기준으로 합니다. 채도와 명도는 고정한 채, 채널을 가장 가까운 8비트 정수로 반올림합니다.
이것은 색상환 위의 관계일 뿐이며, 물감을 섞었을 때의 보색이나 같은 밝기로 보이는 색, 접근성 대비를 보장하는 값이 아닙니다.
채도가 낮거나 8비트로 반올림하면 서로 다른 색상 위치에서도 같은 HEX 코드가 나올 수 있습니다.
| 순서 | HEX | 색상 오프셋(°) | 색상(°) | 채도(%) | 명도(%) |
|---|---|---|---|---|---|
| 1 | #FF0080 | -30 | 330 | 100 | 50 |
| 2 | #FF0000 | 0 | 0 | 100 | 50 |
| 3 | #FF8000 | 30 | 30 | 100 | 50 |
유사색 팔레트는 기준 색의 양쪽에 색상을 하나씩 둡니다. 간격을 조절해 이웃 색이 좁게 모인 계열과 색상 범위가 넓은 계열을 비교해 보세요. 기준 색과 관련된 색을 항상 같은 순서로 나열하므로 디지털 디자인에 바로 복사해 쓸 수 있습니다. 물감이나 인쇄가 아니라 HSL 기하 관계를 설명합니다.
사용 방법
- # 유무에 관계없이 불투명한 3자리 또는 6자리 HEX 색상을 입력합니다.
- 입력란에 표시된 범위 안에서 각도를 고릅니다. 소수점 각도도 가능합니다.
- HEX 목록과 색상 오프셋 표를 함께 읽습니다.
- 나온 색을 실제 글자색, 배경색, 주변 레이아웃에 놓고 확인합니다.
계산식
hues = (h − a, h, h + a) mod 360
색상은 360도에서 한 바퀴를 돌아 처음으로 돌아옵니다. 원래 sRGB 색의 채도와 명도를 유지한 채, 새 RGB 채널을 0에서 255 사이의 가장 가까운 정수로 반올림합니다. 기준 HEX는 그대로 보존됩니다.
예시
빨강 #FF0000에 이웃 색 각도 30도를 쓰면 순서대로 #FF0080, #FF0000, #FF8000이 나옵니다. 첫 색상은 한 바퀴 돌아 330도가 되고, 최종 채널 값은 정수로 반올림됩니다.
자주 묻는 질문
회색은 왜 결과가 모두 같은가요?
무채색은 채도가 0이라 색상이 정의되지 않습니다. 색상을 돌려도 색이 생기지 않으므로 회색, 검정, 흰색은 같은 항목이 반복됩니다.
이 색들은 대비가 충분히 좋은가요?
보장하지 않습니다. HSL 명도가 같다고 눈에 보이는 밝기가 같은 것은 아니고, 색상 차이만으로 글자 대비가 정해지지도 않습니다. 실제 글자색과 배경색 조합을 따로 확인하세요.
각도가 다른데 같은 코드가 나올 수 있나요?
HEX 채널은 각각 256단계뿐입니다. 채도가 낮거나 각도 차이가 아주 작으면 반올림 때문에 여러 색상 위치가 하나로 합쳐질 수 있습니다. 서로 다른 색상 수를 보여 주므로 팔레트 항목이 조용히 사라지지 않고 눈에 보입니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/analogous-color-finder/
인용·퍼가기
kakaoCalc. (2026, November 8). 유사색 찾기. https://kakao.mobile/ko/tools/analogous-color-finder/
“유사색 찾기.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/analogous-color-finder/.