LESS - Renk Kanalı İşlevleri

Bu bölümde, LESS'teki Renk Kanalı İşlevlerinin önemini anlayacağız. LESS, bir kanal hakkında değer belirleyen birkaç yerleşik işlevi destekler. Kanal, değeri renk tanımına göre ayarlar. HSL renklerinde ton, doygunluk ve açıklık kanalı vardır ve RGB rengi kırmızı, yeşil ve mavi kanala sahiptir. Aşağıdaki tablo tüm renk kanalı işlevlerini listeler -


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.	İşlev ve Açıklama	Misal
1	hue HSL renk uzayında ton kanalı, renk nesnesinden çıkarılır.	`background: hue(hsl(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 75;`
2	saturation HSL renk uzayında, doygunluk kanalı renk nesnesinden çıkarılır.	`background: saturation(hsl(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 90%;`
3	lightness HSL renk uzayında, açıklık kanalı renk nesnesinden çıkarılır.	`background: lightness(hsl(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 30%;`
4	hsvhue HSV renk uzayında ton kanalı, renk nesnesinden çıkarılır.	`background: hsvhue(hsv(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 75;`
5	hsvsaturation HSL renk uzayında, doygunluk kanalı renk nesnesinden çıkarılır.	`background: hsvsaturation(hsv(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 90%;`
6	hsvvalue HSL renk uzayında, değer kanalı renk nesnesinden çıkarılır.	`background: hsvvalue(hsv(75, 90%, 30%));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 30%;`
7	red Kırmızı kanal, renkli nesneden çıkarılır.	`background: red(rgb(5, 15, 25));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 5;`
8	green Yeşil kanal, renk nesnesinden çıkarılır.	`background: green(rgb(5, 15, 25));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 15;`
9	blue Mavi kanal, renk nesnesinden çıkarılır.	`background: blue(rgb(5, 15, 25));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 25;`
10	alpha Alfa kanalı, renk nesnesinden çıkarılır.	`background: alpha(rgba(5, 15, 25, 1.5));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 2;`
11	luma luma değeri bir renk nesnesinden hesaplanır.	`background: luma(rgb(50, 250, 150));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 71.2513323%;`
12	luminance Luma değeri, gama düzeltmesi olmadan hesaplanır.	`background: luminance(rgb(50, 250, 150));` Aşağıda gösterildiği gibi CSS'de derlenir - `background: 78.53333333%;`

ja/tutorial