LESS Color Functions

This demo shows some of the implementations of LESS color functions.

Darkening

.box.darken {
	border: 3px solid darken(@color, 10%);
}

Lightening

.box.lighten {
	border: 3px solid darken(@color, 10%);
}

Hue

.box.hue {
	background-color: spin(@color, 123);
}

Saturation

.box.desaturate {
	background-color: desaturate(spin(@color, 123), 50%);
}

Mix Colors

.box.mix {
	background-color: spin(mix(@blue, @yellow, 50%), 15);
}