LESS-컬러 채널 기능

이 장에서는 LESS에서 컬러 채널 기능의 중요성을 이해합니다. LESS는 채널에 대한 값을 설정하는 내장 기능을 거의 지원하지 않습니다. 채널은 색상 정의에 따라 값을 설정합니다. HSL 색상에는 색조, 채도 및 밝기 채널이 있고 RGB 색상에는 빨강, 녹색 및 파랑 채널이 있습니다. 다음 표는 모든 색상 채널 기능을 나열합니다.


background: hue(hsl(75, 90%, 30%));
background: saturation(hsl(75, 90%, 30%));
background: lightness(hsl(75, 90%, 30%));
background: hsvhue(hsv(75, 90%, 30%));
background: hsvsaturation(hsv(75, 90%, 30%));
background: hsvvalue(hsv(75, 90%, 30%));
background: red(rgb(5, 15, 25));
background: green(rgb(5, 15, 25));
background: blue(rgb(5, 15, 25));
background: alpha(rgba(5, 15, 25, 1.5));
background: luma(rgb(50, 250, 150));
background: luminance(rgb(50, 250, 150));

Sr. 아니.	기능 및 설명	예
1	hue HSL 색 공간에서 색조 채널은 색 개체에서 추출됩니다.	`background: hue(hsl(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 75;`
2	saturation HSL 색상 공간에서 채도 채널은 색상 개체에서 추출됩니다.	`background: saturation(hsl(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 90%;`
삼	lightness HSL 색상 공간에서 밝기 채널은 색상 객체에서 추출됩니다.	`background: lightness(hsl(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 30%;`
4	hsvhue HSV 색 공간에서 색조 채널은 색 개체에서 추출됩니다.	`background: hsvhue(hsv(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 75;`
5	hsvsaturation HSL 색상 공간에서 채도 채널은 색상 개체에서 추출됩니다.	`background: hsvsaturation(hsv(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 90%;`
6	hsvvalue HSL 색상 공간에서 값 채널은 색상 객체에서 추출됩니다.	`background: hsvvalue(hsv(75, 90%, 30%));` 아래와 같이 CSS로 컴파일됩니다. `background: 30%;`
7	red 빨간색 채널은 색상 개체에서 추출됩니다.	`background: red(rgb(5, 15, 25));` 아래와 같이 CSS로 컴파일됩니다. `background: 5;`
8	green 녹색 채널이 색상 개체에서 추출됩니다.	`background: green(rgb(5, 15, 25));` 아래와 같이 CSS로 컴파일됩니다. `background: 15;`
9	blue 파란색 채널이 색상 개체에서 추출됩니다.	`background: blue(rgb(5, 15, 25));` 아래와 같이 CSS로 컴파일됩니다. `background: 25;`
10	alpha 알파 채널은 색상 객체에서 추출됩니다.	`background: alpha(rgba(5, 15, 25, 1.5));` 아래와 같이 CSS로 컴파일됩니다. `background: 2;`
11	luma 루마 값은 색상 객체에서 계산됩니다.	`background: luma(rgb(50, 250, 150));` 아래와 같이 CSS로 컴파일됩니다. `background: 71.2513323%;`
12	luminance 루마 값은 감마 보정없이 계산됩니다.	`background: luminance(rgb(50, 250, 150));` 아래와 같이 CSS로 컴파일됩니다. `background: 78.53333333%;`

ja/tutorial