By Sandy Ludosky

More Colors with Less

By Sandy Ludosky
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

It’s simple to compute data and perform calculations directly in your stylesheet using Less. It’s also simple to create and mix colors in your stylesheet — without having to use a color picker.

Watch me as I show you how to create new colors from existing colors with the lighten() and darken() functions. Join me and learn how to make CSS more dynamic and rich in colors with the power of Less.

Want to see how much more you can do with Less? Come and watch my new course Introduction to Less on Learnable. I’ve got you covered.



The thing is: I hate the darken / lighten functions. I used them a lot before and the result was always colours everywhere and lost of the colour consistency. In a nutshell: a big colour mess.

I prefer defining all my colours at the very beginning and not playing with those functions.


Thanks Sandy. It's not something I have played around with before, but the insight you provided has wet my appetite. Thanks for taking the time out to show us.

Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?