LESS-色定義関数
説明
LESSは、さまざまな方法で色を変更および操作するための多数の便利な色関数を提供します。 LESSは、以下の表に示すように、色定義関数の一部をサポートしています-
| Sr.No.
|
Function & Description
|
Example
|
| 1
|
rgb
赤、緑、青の値から色を作成します。 次のパラメータがあります-
- red -0〜255の整数または0〜100％のパーセンテージが含まれます。
- 緑-0〜255の整数または0〜100％の割合が含まれます。
- blue -0〜255の整数または0〜100％のパーセンテージが含まれます。
|
rgb(220,20,60)
rgb値を使用して色を変換します-
#dc143c
|
| 2
|
rgba
赤、緑、青、アルファ値から色を決定します。 次のパラメータがあります-
- red -0〜255の整数または0〜100％のパーセンテージが含まれます。
- 緑-0〜255の整数または0〜100％の割合が含まれます。
- blue -0〜255の整数または0〜100％のパーセンテージが含まれます。
- alpha -0〜1の数値または0〜100％の割合が含まれます。
|
rgba(220,20,60, 0.5)
rgba値を持つカラーオブジェクトを次のように変換します-
rgba(220, 20, 60, 0.5)
|
| 3
|
argb
色の16進表現を*＃AARRGGBB *形式で定義します。 それは次のパラメータを使用します-
|
argb(rgba(176,23,31,0.5))
それはargb色を返します-
#80b0171f
|
| 4
|
hsl
色相、彩度、明度の値から色を生成します。 次のパラメータがあります-
- hue -度を表す0から360までの整数が含まれます。
- 彩度-0〜1の数値または0〜100％の割合が含まれます。
- 明度-0〜1の数値または0〜100％の割合が含まれます。
|
hsl(120,100%, 50%)
HSL値を使用して色オブジェクトを返します-
#00ff00
|
| 5
|
hsla
色相、彩度、明度、アルファ値から色を生成します。 次のパラメータがあります-
- hue -度を表す0から360までの整数が含まれます。
- 彩度-0〜1の数値または0〜100％の割合が含まれます。
- 明度-0〜1の数値または0〜100％の割合が含まれます。
- alpha -0〜1の数値または0〜100％の割合が含まれます。
|
hsla(0,100%,50%,0.5)
HSLA値を使用して色オブジェクトを指定します-
rgba(255, 0, 0, 0.5);
|
| 6
|
hsv
色相、彩度、値の値から色を生成します。 次のパラメータが含まれています-
- hue -度を表す0から360までの整数が含まれます。
- 彩度-0〜1の数値または0〜100％の割合が含まれます。
- 値-0〜1の数値または0〜100％の割合が含まれます。
|
hsv(80,90%,70%)
それは次のようにhsv値を持つカラーオブジェクトを変換します-
#7db312
|
| 7
|
hsva
色相、彩度、値、アルファ値から色を生成します。 それは次のパラメータを使用します-
- hue -度を表す0から360までの整数が含まれます。
- 彩度-0〜1の数値または0〜100％の割合が含まれます。
- 値-0〜1の数値または0〜100％の割合が含まれます。
- alpha -0〜1の数値または0〜100％の割合が含まれます。
|
hsva(80,90%,70%,0.6)
それは、HSVA値を持つカラーオブジェクトを指定します-
rgba(125, 179, 18, 0.6)
|
