Я пытаюсь использовать цветовые функции Sass для изменения цвета. Мой цвет в шестнадцатеричном формате. Когда я передаю значение либо darken(), либо adjust-color(), я получаю неправильное возвращаемое шестнадцатеричное значение.
Вот пример:
$color-electric: #008ee2;
h1 {
color: $color-electric;
&:hover {
color: adjust-color($color-electric, $lightness: -12%);
}
&:active {
color: darken($color-electric, 12);
}
}
// output
h1 {
color: #008ee2;
}
h1:hover {
color: #0068a5;
}
h1:active {
color: #0068a5;
}
Правильный гекс, который должен быть в активное и зависшее состояние - #0067A3. Возвращаемое значение близко к ожидаемому значению, но оно неверно. Кто-нибудь знает, почему это происходит?
Если я использую библиотеки javascript, например color-convert , для преобразования из hex в hsl, регулировки яркости и преобразования обратно в hex Я получаю правильное шестнадцатеричное значение.
