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