- Less Basic Tutorial
- Less - Home
- Less - Overview
- Less - Installation
- Language Features
- Less - Nested Rules
- Less - Nested Directives and Bubbling
- Less - Operations
- Less - Escaping
- Less - Functions
- Less - Namespaces and Accessors
- Less - Scope
- Less - Comments
- Less - Importing
- Less - Variables
- Less - Extend
- Less - Mixins
- Less - Parametric Mixins
- Less - Mixins as Functions
- Less - Passing Rulesets to Mixins
- Less - Import Directives
- Less - Import Options
- Less - Mixin Guards
- Less - CSS Guards
- Less - Loops
- Less - Merge
- Less - Parent Selectors
- Functions
- Less - Misc Functions
- Less - String Functions
- Less - List Functions
- Less - Math Functions
- Less - Type Functions
- Less - Color Defination Functions
- Less - Color Channel Functions
- Less - Color Operation
- Less - Color Blending Functions
- Usage
- Less - Command Line Usage
- Using Less In The Browser
- Less - Browser support
- Less - Plugins
- Less - Programmatic Usage
- Less - Online Compilers
- Less - GUIs
- Less - Editors and Plugins
- Less - Third Party Compilers
- Less - Frameworks
- Less Useful Resources
- Less - Quick Guide
- Less - Useful Resources
- Less - Discussion
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 −
|
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 −
|
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 −
|
argb(rgba(176,23,31,0.5)) it returns the argb color as − #80b0171f |
4 | hsl It generates the color from hue, saturation and lightness values. It has following parameters −
|
hsl(120,100%, 50%) it returns the color object using HSL values as − #00ff00 |
5 | hsla It generates the color from hue, saturation, lightness and alpha values. It has the following parameters −
|
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 −
|
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 −
|
hsva(80,90%,70%,0.6) it specifies color object with hsva values as − rgba(125, 179, 18, 0.6) |