Less Basic Tutorial
Language Features
Functions
Usage
Less Useful Resources
Selected Reading
Language Features
- Less - Parent Selectors
- Less - Merge
- Less - Loops
- Less - CSS Guards
- Less - Mixin Guards
- Less - Import Options
- Less - Import Directives
- Less - Passing Rulesets to Mixins
- Less - Mixins as Functions
- Less - Parametric Mixins
- Less - Mixins
- Less - Extend
- Less - Variables
- Less - Importing
- Less - Comments
- Less - Scope
- Less - Namespaces and Accessors
- Less - Functions
- Less - Escaping
- Less - Operations
- Less - Nested Directives and Bubbling
- Less - Nested Rules
Functions
- Less - Color Blending Functions
- Less - Color Operation
- Less - Color Channel Functions
- Less - Color Defination Functions
- Less - Type Functions
- Less - Math Functions
- Less - List Functions
- Less - String Functions
- Less - Misc Functions
Usage
- Less - Frameworks
- Less - Third Party Compilers
- Less - Editors and Plugins
- Less - GUIs
- Less - Online Compilers
- Less - Programmatic Usage
- Less - Plugins
- Less - Browser support
- Using Less In The Browser
- Less - Command Line Usage
Less Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Less - Color Defination Functions
LESS - Color Defination Functions
Description
LESS provides number of useful color functions to alter and manipulate colors in different ways. LESS supports some of the Color Definition Functions as shown in the table below −
| Sr.No. | Function & Description | Example |
|---|---|---|
| 1 | rgb It creates color from red, green and blue values. It has following parameters − red − It contains integer between 0 - 255 or percentage between 0 - 100%. green − It contains integer between 0 - 255 or percentage between 0 - 100%. blue − It contains integer between 0 - 255 or percentage between 0 - 100%. |
rgb(220,20,60) it converts color with rgb values as − #dc143c |
| 2 | rgba It determines color from red, green, blue and alpha values. It has the following parameters − red − It contains integer between 0 - 255 or percentage between 0 - 100%. green − It contains integer between 0 - 255 or percentage between 0 - 100%. blue − It contains integer between 0 - 255 or percentage between 0 - 100%. alpha − It contains number between 0 - 1 or percentage between 0 - 100%. |
rgba(220,20,60, 0.5) it converts color object with rgba values as − rgba(220, 20, 60, 0.5) |
| 3 | argb It defines hex representation of color in #AARRGGBB format. It uses the following parameter − color − It specifies color object. |
argb(rgba(176,23,31,0.5)) it returns the argb color as − #80b0171f |
| 4 | hsl It generates the color from hue, saturation and pghtness values. It has following parameters − hue − It contains integer between 0 - 360 which represents degrees. saturation − It contains number between 0 - 1 or percentage between 0 - 100%. pghtness − It contains number between 0 - 1 or percentage between 0 - 100%. |
hsl(120,100%, 50%) it returns the color object using HSL values as − #00ff00 |
| 5 | hsla It generates the color from hue, saturation, pghtness and alpha values. It has the following parameters − hue − It contains integer between 0 - 360 which represents degrees. saturation − It contains number between 0 - 1 or percentage between 0 - 100%. pghtness − It contains number between 0 - 1 or percentage between 0 - 100%. alpha − It contains number between 0 - 1 or percentage between 0 - 100%. |
hsla(0,100%,50%,0.5) it specifies the color object using HSLA values as − rgba(255, 0, 0, 0.5); |
| 6 | hsv It produces the color from hue, saturation and value values. It contains following parameters − hue − It contains integer between 0 - 360 which represents degrees. saturation − It contains number between 0 - 1 or percentage between 0 - 100%. value − It contains number between 0 - 1 or percentage between 0 - 100%. |
hsv(80,90%,70%) it converts color object with hsv values as − #7db312 |
| 7 | hsva It produces the color from hue, saturation, value and alpha values. It uses the following parameters − hue − It contains integer between 0 - 360 which represents degrees. saturation − It contains number between 0 - 1 or percentage between 0 - 100%. value − It contains number between 0 - 1 or percentage between 0 - 100%. alpha − It contains number between 0 - 1 or percentage between 0 - 100%. |
hsva(80,90%,70%,0.6) it specifies color object with hsva values as − rgba(125, 179, 18, 0.6) |