83

Less saturation()

The Less saturation channel is used to extract the color object in HSL color space. It shows only saturation value after compilation.

---

Saturation Function Example

Let’s take an example to demonstrate the usage of saturation color channel in Less file.

Create a HTML file named “simple.html”, having the following data.

HTML file: simple.html

Now create a file named “simple.less”. It is similar to CSS file. The only one difference is that it is saved with “.less” extension.

LESS file: simple.less

div class=”codeblock”> .myclass{ height:100px; width:saturation(hsl(75, 90%, 30%)); padding: 30px 0px 0px 25px; background-color: (#b361b1); color:yellow; }