The Power of Sass Color Functions

Sass color functions are very powerful and can help you remove the mysticism of how colors work in CSS.

Click here to view my presentation slides.

Tools to play with all color functions

• Setter functions
• Getter functions
• Modifier functions

Other tools

• HSL Color Picker
• Working with color
• A visual guide to Sass & Compass Color Functions by Jackie Balzer @jackiebackwards
• SassMe (Sass color function visualizer)

Resources

• CSS3 color browser support
• Contrasted() by Una Kravets @una
• Practical Color Theory for People Who Code by Natalya Shelbourne @natalyathree
• My interpretation of Natalya's tutorial
• SCSS/SASS Accessibility Color Methods by Michael Haschke
• SCSS/SASS Accessibility Color Methods Demo
• How to programmatically go from one color to another in Sass by Hugo Giraudel @hugogiraudel
• Mixing Color for the Web with Sass by Justin McDowell
• Sass Functions Documentation