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