LESS

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

916
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

 


분류 제목
ColorD_F LESS - rgb() 함수 - RGB 기반 불투명한 색깔 생성. (= rgb함수)
ColorD_F LESS - rgba() 함수 - RGB 기반 투명한 색깔 생성. (= rgba함수)
ColorD_F LESS - argb() 함수 - #AARRGGBB 16진수 색깔 생성. (= argb함수)
ColorD_F LESS - hsl() 함수 - HSL 기반 불투명한 색깔 생성. (= hsl함수)
ColorD_F LESS - hsla() 함수 - HSL 기반 투명한 색깔 생성. (= hsla함수)
ColorD_F LESS - hsv() 함수 - HSV 기반 불투명한 색깔 생성. (= hsv함수)
ColorD_F LESS - hsva() 함수 - HSV 기반 투명한 색깔 생성. (= hsva함수)
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드 1
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인