LESS-カラーチャネル機能
この章では、LESSでのカラーチャネル関数の重要性を理解します。LESSは、チャネルに関する値を設定するいくつかの組み込み関数をサポートします。チャネルは、色の定義に応じて値を設定します。HSL色には色相、彩度、明度チャネルがあり、RGB色には赤、緑、青のチャネルがあります。次の表に、すべてのカラーチャネル機能を示します。
シニア番号 | 機能と説明 | 例 |
---|---|---|
1 | hue HSL色空間では、色相チャネルがカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
2 | saturation HSL色空間では、彩度チャネルがカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
3 | lightness HSL色空間では、明度チャネルはカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
4 | hsvhue HSV色空間では、色相チャネルがカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
5 | hsvsaturation HSL色空間では、彩度チャネルがカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
6 | hsvvalue HSL色空間では、値チャネルはカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
7 | red 赤のチャネルがカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
8 | green 緑のチャネルは、カラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
9 | blue ブルーチャンネルはカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
10 | alpha アルファチャネルはカラーオブジェクトから抽出されます。 |
以下に示すようにCSSでコンパイルされます- |
11 | luma 輝度値は、カラーオブジェクトから計算されます。 |
以下に示すようにCSSでコンパイルされます- |
12 | luminance 輝度値は、ガンマ補正なしで計算されます。 |
以下に示すようにCSSでコンパイルされます- |