If you would like to talk about your project call (02) 4474 5861

Modifying Colours with SASS Color Functions

Really enjoy the aspect of changing colours by using SASS Color Functions with the lighten / darken and saturate / desaturate.

It makes creating colour consistency within the design easier to maintain while being more precise.

Saturate / Desaturate SASS Color Functions

Darken $my-colour by 20%

darken( $my-colour, 20% )

Lighten $my-colour by 10%

lighten( $my-colour, 10% )

Saturate / Desaturate SASS Color Functions

Saturate $my-colour by 20%

saturate( $my-colour, 20% )

Desaturate $my-colour by 10%

desaturate( $my-colour, 10% )

Some great Sass resources:

A visual guide to Sass & Compass Color Functions

Mixing Color for the Web with Sass

Instinctively creative & thoughtful strategies with result orientated outcomes

Visually communicating effectively with your potential & current customers adds to the good business experience.

BJ2DESIGN combines a wealth of design knowledge with creative business strategies to create result oriented work.

Read More About BJ2DESIGN

creative hand and tools