MNIEJ - Funkcje kanału koloru

W tym rozdziale zrozumiemy znaczenie funkcji kanału koloru w LESS. LESS obsługuje kilka wbudowanych funkcji, które ustawiają wartość kanału. Kanał ustawia wartość w zależności od definicji koloru. Kolory HSL mają kanał odcienia, nasycenia i jasności, a kolor RGB ma kanał czerwony, zielony i niebieski. W poniższej tabeli wymieniono wszystkie funkcje kanałów kolorów -

Sr.No. Opis funkcji Przykład
1

hue

W przestrzeni kolorów HSL kanał odcienia jest wyodrębniany z obiektu koloru.

background: hue(hsl(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 75;
2

saturation

W przestrzeni kolorów HSL kanał nasycenia jest wyodrębniany z obiektu koloru.

background: saturation(hsl(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 90%;
3

lightness

W przestrzeni kolorów HSL kanał jasności jest wyodrębniany z obiektu koloru.

background: lightness(hsl(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 30%;
4

hsvhue

W przestrzeni kolorów HSV kanał odcienia jest wyodrębniany z obiektu koloru.

background: hsvhue(hsv(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 75;
5

hsvsaturation

W przestrzeni kolorów HSL kanał nasycenia jest wyodrębniany z obiektu koloru.

background: hsvsaturation(hsv(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 90%;
6

hsvvalue

W przestrzeni kolorów HSL kanał wartości jest wyodrębniany z obiektu koloru.

background: hsvvalue(hsv(75, 90%, 30%));

Kompiluje się w CSS, jak pokazano poniżej -

background: 30%;
7

red

Czerwony kanał jest wyodrębniany z kolorowego obiektu.

background: red(rgb(5, 15, 25));

Kompiluje się w CSS, jak pokazano poniżej -

background: 5;
8

green

Zielony kanał jest wyodrębniany z kolorowego obiektu.

background: green(rgb(5, 15, 25));

Kompiluje się w CSS, jak pokazano poniżej -

background: 15;
9

blue

Niebieski kanał jest wyodrębniany z kolorowego obiektu.

background: blue(rgb(5, 15, 25));

Kompiluje się w CSS, jak pokazano poniżej -

background: 25;
10

alpha

Kanał alfa jest wyodrębniany z obiektu koloru.

background: alpha(rgba(5, 15, 25, 1.5));

Kompiluje się w CSS, jak pokazano poniżej -

background: 2;
11

luma

Wartość luminancji jest obliczana na podstawie obiektu kolorowego.

background: luma(rgb(50, 250, 150));

Kompiluje się w CSS, jak pokazano poniżej -

background: 71.2513323%;
12

luminance

Wartość luminancji jest obliczana bez korekcji gamma.

background: luminance(rgb(50, 250, 150));

Kompiluje się w CSS, jak pokazano poniżej -

background: 78.53333333%;