A series of functions/mixins which assist in dynamic color manipulation. Created by David Kaneda.
By default, Sass comes with a lightness()
function, which returns the expected value from the HSLa system of colors. To properly judge readability, though, we have to look at perceived brightness. This class adds a brightness()
function to Sass, as well as luminosity()
so we can easily generate a readable text color from the background.
The sample below shows the lightness value (all are the same), but will show the brightness value as you mouse over the examples.