Как в SCSS проверить «светлость» или «тёмность» цвета?

Question

[Евгений Заливадный]

Предположим, что есть кнопка с тёмным фоном и белым текстом.
Цвет фона может меняться на более светлый, зависимо от настроек страницы.
Как можно вычислить, что фон кнопки стал слишком светлый (из-за чего цвет текста будет сливаться) и нужно сменить цвет текста на более тёмный?

Comments

[Сергей delphinpro]

в бутстрапе помню были функции. посмотрите там.

Answer 1

[Flying]

В Sass есть модуль для работы с цветом.

В частности вам, вероятно, будут интересны функции blackness() и lightness(), но при этом важно помнить что blackness() поддерживается только в Dart Sass.