HSL이란? 색상·채도·명도로 색 다루기

HSL은 색상(Hue)·채도(Saturation)·명도(Lightness) 세 값으로 색을 나타냅니다. 색상은 0~360°의 각도, 채도와 명도는 0~100%로 표현합니다.

색상만 바꾸면 색조가, 채도를 낮추면 회색에 가까워지고, 명도를 높이면 흰색에 가까워집니다. 사람이 색을 조절하는 감각과 가까워 팔레트를 만들 때 특히 편리합니다.

예를 들어 어떤 색의 명도만 단계적으로 바꾸면 자연스러운 명암 팔레트가 만들어집니다. 위 팔레트 도구가 바로 이 원리를 사용합니다.