МЕНЬШЕ - функции цветового канала

В этой главе мы поймем важность функций цветового канала в LESS. LESS поддерживает несколько встроенных функций, которые устанавливают значение для канала. Канал устанавливает значение в зависимости от определения цвета. Цвета HSL имеют канал оттенка, насыщенности и яркости, а цвет RGB - красный, зеленый и синий каналы. В следующей таблице перечислены все функции цветового канала -


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.	Описание функции	пример
1	hue В цветовом пространстве HSL канал оттенка извлекается из цветового объекта.	`background: hue(hsl(75, 90%, 30%));` Он компилируется в CSS, как показано ниже - `background: 75;`
2	saturation В цветовом пространстве HSL канал насыщенности извлекается из цветного объекта.	`background: saturation(hsl(75, 90%, 30%));` Он компилируется в CSS, как показано ниже - `background: 90%;`
3	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%;`

ja/tutorial