[ColorD_F] LESS - hsl() 함수 - HSL 기반 불투명한 색깔 생성. (= hsl함수)

[정의]

 

H(hue :색상), S(saturation : 채도), L(lightness : 명도) 기반해 불투명한 색깔 생성.

---

[구문]

 

hsl(hue, saturation, lightness)

 

---

[매개변수]

 

hue

필수. 색상을 나타내는 0 ~ 360 정수.

 

saturation

필수. 채도를 나타내는 0~100% 또는 0~1 부동소수.

 

lightness

필수. 명도를 나타내는 0~100% 또는 0~1 부동소수.

 

---

[반환값]

 

조합해서 생성된 color 코드 반환.

 

---

[예제]

 

hsl(90, 100%, 50%); // #80ff00

 

※ 다른 색깔의 채널에 기반해 새 색깔 만들 때 유용.

(예) @new : hsl (hue (@old), 45 %, 90 %);

PS.

LESS hsl() 함수

http://lesscss.org/functions/#color-definition-hsl