명도는 고정하고 채도만 단계로 벌리기
단색조 팔레트는 색상 하나로 변화를 만드는 배색입니다. 보통은 밝기를 벌리는데, 밝기를 건드리면 글자와 배경의 대비까지 같이 흔들립니다. 그래서 이 도구는 색상과 명도를 고정한 채 채도만 시작값에서 끝값까지 등분합니다. 같은 밝기대에서 선명함만 달라지는 색이 나오므로, 표나 차트의 계열 색처럼 밝기를 맞춰야 하는 자리에 쓰기 좋습니다.
계산 방식
입력한 색을 W3C CSS Color 명세의 HSL 정의로 바꿔 색상(H)을 가져오고, 명도(L)는 입력한 고정값을, 채도(S)는 시작값과 끝값 사이를 단계 수로 등분한 값을 씁니다. 기준 색의 명도를 그대로 쓰고 싶으면 명도 가져오기 버튼으로 채울 수 있습니다. 적용한 규칙 줄에 고정한 H와 L, 채도 구간을 그대로 적습니다. 명세는 2026년 10월 기준입니다.
한계와 다른 축
이 페이지는 채도 한 축만 움직입니다. 흰색이나 검정을 섞어 명암 단계를 만드는 축은 Tint·Shade 단계 생성기가 맡고, 채도와 명도를 동시에 바꾸는 축은 또 다른 팔레트 도구가 맡습니다. 명암비 등급 판정은 하지 않습니다.
자주 묻는 질문
명도가 바뀌면 글자와 배경의 명암비가 함께 변해서, 같은 계열인데도 어떤 단계는 읽히고 어떤 단계는 안 읽히는 일이 생깁니다. 명도를 묶어 두면 선명함만 달라지므로 밝기를 맞춰야 하는 자리에서 다루기 쉽습니다.
명도 0% 는 검정, 100% 는 흰색이어서 채도를 어떻게 바꿔도 결과가 같습니다. 단계가 모두 같은 색이 되므로 1~99% 사이 값을 요청합니다.
이 페이지는 채도 축만 다룹니다. 흰색과 검정을 섞는 명암 단계는 Tint·Shade 단계 생성기에서, 채도와 명도를 같이 움직이는 조합은 다른 팔레트 도구에서 만드세요.