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!