Sass Colour Functions Example

I’m not a designer but as an artist, I enjoy playing with colour palettes and combinations. Sass comes with built-in functions that can be applied to your colour variables. It can be a lot of fun to tinker with when you don’t have a set outcome in mind and when I’m building something for fun, prevents me from getting hung up on choosing and manipulating colours.

Bonus: it’s an easy win to add a quick hover effect without hunting down a specific hexadecimal code.

This CodePen allows you to pop in a new hex code for the starting variable and takes care of the rest with examples of the HSL functions.

See the Pen Sass Colour Functions by Allison Tarr (@allisonplus) on CodePen.0

Leave a Reply

Your email address will not be published. Required fields are marked *