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 -


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

ja/tutorial