Less tiene diferentes funciones para la manipulación del color, en este caso vamos a ver ejemplos de las funciones de color más sencillas.

Desaturate

Le resta saturación a un color.

@color: desaturate(red, 50%);

body{

	background:@color;

}

Saturate

Satura un color (en caso de que se pueda).

@color: saturate(red, 50%);

body{

	background:@color;

}

Darken

Aumenta el nivel de negro de un color, lo oscurece.

@color: darken(red, 10%);

body{

	background:@color;

}

Lighten

Aumenta el nivel de blanco de un color, lo aclara.

@color: lighten(red, 10%);

body{

	background:@color;

}

Mix

Mezclar dos colores juntos en proporción variable.

@color: mix(#ff0000, #0000ff, 40%);

body{

	background:@color;

}

Estos son algunos ejemplos de efectos de color en Less, pero existen más, puedes consultar la documentación oficial en: http://lesscss.org/functions/#color-operations

Si te ha sido de utilidad ¡deja un comentario! 🙂