How to check the "lightness" or "darkness" of a color in SCSS?

Question

Sass

Suppose we have a button with a dark background and white text.
The background color may change to a lighter one, depending on the page settings.
How can you figure out that the background of the button has become too light (due to which the text color will merge) and you need to change the text color to a darker one?

Answer 1

Sass has a module for working with color.
In particular, you'll probably be interested in the blackness() and lightness() functions , but it's important to remember that they're blackness()only supported in Dart Sass.