🔻 삼각 배색 팔레트 생성기

기준 색상 (HEX)

색	색상환 각도	HEX	RGB	HSL

기준 색 하나로 삼각 배색 만들기

삼각 배색은 색상환을 셋으로 나눠 120도씩 떨어진 색을 쓰는 배색입니다. 서로 멀어서 대비가 강하고, 보색 두 색만 쓸 때보다 화면이 단조로워지지 않습니다. 기준 색 HEX를 넣으면 세 색의 HEX·RGB·HSL과 각 색의 색상환 각도를 한 표로 보여 줍니다. 값은 입력칸에 글자를 넣는 즉시 다시 계산됩니다.

계산 방식

입력한 색을 W3C CSS Color 명세의 HSL 정의에 따라 색상(H)·채도(S)·명도(L)로 바꾼 뒤, H에만 120도와 240도를 더하고 S와 L은 기준 색 값을 그대로 둡니다. 그래서 세 색의 밝기와 선명함이 비슷하게 맞습니다. 적용한 규칙 줄에 회전 각도와 유지한 S·L 값을 그대로 적어 두었으니 다른 도구 결과와 비교할 때 확인하세요. 2026년 10월 기준 명세를 따랐습니다.

한계

채도가 없는 흰색·회색·검정은 색상 값이 정의되지 않아 회전해도 같은 색이 나오므로 안내 문구로 막습니다. 또 이 도구는 색만 뽑고, 어느 색을 글자에 쓸지나 명암비가 기준을 넘는지는 판정하지 않습니다.

자주 묻는 질문

삼각 배색은 왜 120도인가요?

색상환 360도를 세 등분하면 120도가 됩니다. 세 색이 서로 같은 거리로 떨어져서 어느 한 색만 튀지 않고 균형이 잡힙니다.

회색을 넣으면 왜 계산이 안 되나요?

회색과 흰색·검정은 채도가 0이어서 색상 값 자체가 정의되지 않습니다. 각도를 더해도 결과가 바뀌지 않기 때문에 안내 문구로 막고 채도가 있는 색을 요청합니다.

세 색의 밝기가 비슷한데 더 어둡게 쓰고 싶습니다.

이 도구는 기준 색의 채도와 명도를 그대로 유지합니다. 같은 색을 밝기 단계로 벌리려면 명암 단계 생성기처럼 밝기를 다루는 도구를 함께 쓰세요.

🔻삼각 배색(Triadic) 팔레트 생성기

관련된 도구

단색조(Monochrome) 팔레트 생성기

사각 배색(Tetradic) 팔레트 생성기

기준 색 하나로 삼각 배색 만들기

계산 방식

한계

자주 묻는 질문

관련된 도구

단색조(Monochrome) 팔레트 생성기

사각 배색(Tetradic) 팔레트 생성기

기준 색 하나로 삼각 배색 만들기

계산 방식

한계

자주 묻는 질문

같은 카테고리 도구