Javatpoint Logo
Javatpoint Logo

Less greyscale()

The Less Greyscale function is used to discard the saturation from a color in the selected elements. The parameters used for greyscale function are:

  • Color: It is used to specify the color object.

Greyscale Function Example

Let's take an example to demonstrate the usage of greyscale color operation 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

Put the both file "simple.html" and "simple.less" inside the root folder of Node.js

Now, execute the following code: lessc simple.less simple.css

Less greyscale function1

This will compile the "simple.less" file. A CSS file named "simple.css" will be generated.

For example:

Less greyscale function2

The generated CSS "simple.css", has the following code:

Output:

Less greyscale function3
Next TopicLess contrast()




Help Others, Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA