LESS-컬러 채널 기능

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

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%;