Less-color-channel-functions

LESS-カラーチャネル関数

この章では、LESSのカラーチャンネル機能の重要性を理解します。 LESSは、チャネルに関する値を設定する組み込み関数をほとんどサポートしません。 チャンネルは、色の定義に応じて値を設定します。 HSLカラーには色相、彩度、明度のチャンネルがあり、RGBカラーには赤、緑、青のチャンネルがあります。 次の表は、すべてのカラーチャンネル機能を示しています-

Sr.No.	Function & Description	Example
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%;