# LESS - Color Defination Functions

Advertisements

## 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 lightness 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%.

• lightness − 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, lightness 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%.

• lightness − 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)
```

## Useful Video Courses

Video

#### LESS Online Training

20 Lectures 1 hours

Video

#### Serverless Development with AWS Lambda and NodeJS

44 Lectures 7.5 hours

Video

#### Delegation Mastery: Learn to Outsource Your Work and Do Less

17 Lectures 2 hours

Video

#### Create a WordPress Website in 24 Hours or Less Guaranteed

23 Lectures 1.5 hours

Video

#### Become PHP Facebook Developer: Password-Less Authentication

34 Lectures 4 hours

Video

#### AWS LAMBDA- Serverless Computing

31 Lectures 3 hours

Advertisements