[ColorO_F] LESS - spin() 함수 - 색깔의 색상 변경. (= spin함수)

672

spin() 함수

색깔의 색상 (=색조)를 양방향 (즉, + 또는 -)으로 조정.

※ 원래 색조 각도는 0 ~ 360이나, 더 큰 숫자도 가능.

※ 만약, 720 설정 시, 360과 동일 결과 반환.

※ 색상은 RGB 통해 전달되므로, 회색 색조는 유지 X.

(∵ 채도가 없으면 색조가 무의미.)

※ 따라서, 색조를 보존하는 방식으로 함수 사용 !!.

(예)

@c: saturate(spin(#aaaaaa, 10), 10%); // 바람직 X

@c: spin(saturate(#aaaaaa, 10%), 10); // 바람직 O

[구문]

spin(color, angle)

[매개변수]

color
필수. 기본 색상.

angle

필수. 회전시킬 색조 각도. (+ 또는 -)

[반환값]

색조 각도가 조정된 color 코드 반환.

[예제]

spin(hsl(10, 90%, 50%), 30)

반환값: #f2a60d // hsl(40, 90%, 50%)

spin(hsl(10, 90%, 50%), -30)

반환값: #f20d59 // hsl(340, 90%, 50%)

LESS 관련글

코딩동강 관련글

HTML 관련글

JavaScript 관련글

JQuery 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

Bootstrap 4 관련글

코멘트입력

목록 글쓰기

ColorB_F


분류	제목



Misc_F	LESS - unit() 함수 - 단위 제거/변환. (= unit함수)

Misc_F	LESS - get-unit() 함수 - 단위 얻기. (= get-unit함수)

Misc_F	LESS - svg-gradient() 함수

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함수)

ColorC_F	LESS - hue() 함수 - HSL에서 색상 추출. (= hue함수)

ColorC_F	LESS - saturation() 함수 - HSL에서 채도 추출. (= saturation함수)

ColorC_F	LESS - lightness() 함수 - HSL에서 명도 추출. (= lightness함수 = 라이트니스 …

ColorC_F	LESS - hsvhue() 함수 - HSV에서 색상 추출. (= hsvhue함수)

ColorC_F	LESS - hsvsaturation() 함수 - HSV에서 채도 추출. (= hsvsaturation함수)

6/8