LESS - Fungsi Saluran Warna

Dalam bab ini, kita akan memahami pentingnya Fungsi Saluran Warna di LESS. LESS mendukung beberapa fungsi built-in yang menetapkan nilai tentang saluran. Saluran mengatur nilai tergantung pada definisi warna. Warna HSL memiliki saluran hue, saturation dan lightness dan warna RGB memiliki saluran merah, hijau dan biru. Tabel berikut mencantumkan semua fungsi saluran warna -


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.	Deskripsi fungsi	Contoh
1	hue Dalam ruang warna HSL, saluran warna diekstraksi dari objek warna.	`background: hue(hsl(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 75;`
2	saturation Dalam ruang warna HSL, saluran saturasi diekstraksi dari objek warna.	`background: saturation(hsl(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 90%;`
3	lightness Dalam ruang warna HSL, saluran kecerahan diekstraksi dari objek warna.	`background: lightness(hsl(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 30%;`
4	hsvhue Dalam ruang warna HSV, saluran warna diekstraksi dari objek warna.	`background: hsvhue(hsv(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 75;`
5	hsvsaturation Dalam ruang warna HSL, saluran saturasi diekstraksi dari objek warna.	`background: hsvsaturation(hsv(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 90%;`
6	hsvvalue Dalam ruang warna HSL, saluran nilai diekstraksi dari objek warna.	`background: hsvvalue(hsv(75, 90%, 30%));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 30%;`
7	red Saluran merah diekstraksi dari objek warna.	`background: red(rgb(5, 15, 25));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 5;`
8	green Saluran hijau diekstraksi dari objek warna.	`background: green(rgb(5, 15, 25));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 15;`
9	blue Saluran biru diekstraksi dari objek warna.	`background: blue(rgb(5, 15, 25));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 25;`
10	alpha Saluran alfa diekstraksi dari objek warna.	`background: alpha(rgba(5, 15, 25, 1.5));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 2;`
11	luma nilai luma dihitung dari objek warna.	`background: luma(rgb(50, 250, 150));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 71.2513323%;`
12	luminance Nilai luma dihitung tanpa koreksi gamma.	`background: luminance(rgb(50, 250, 150));` Itu dikompilasi di CSS seperti yang ditunjukkan di bawah ini - `background: 78.53333333%;`

ja/tutorial