Как использовать Calc () для переключения между значениями цвета? ⇐ CSS

[Anonymous]

Можно ли использовать функцию calc () в CSS для манипулирования значением шестнадцатеричного цвета? -disable-color .

Можно было выполнить это при использовании формата цвета RGB (r, g, b) , где каждый цветовой компонент был рассчитан с использованием calc () , но я бы предпочел напрямую переключаться между шестнадцатеричными значениями цвета. < /p>

:root {
--enable: 0;
--disable-color: #ff0000;
--disable-r: 255;
--disable-g: 0;
--disable-b: 0;
--enable-color: #00ff00;
--enable-r: 0;
--enable-g: 255;
--enable-b: 0;
}

.MyBtnStyle {
width: 100%;
height: 100%;
text-align: center;
border: 2px;
margin: 1px 1px;
color: black;
padding: 1px 1px;
background-color: calc(var(--enable-color)*var(--enable) + var(--disable-color)*(1 - var(--enable)));
}

/* this works */
/* rgb( calc(var(--enable-r)*var(--enable) + var(--disable-r)*(1 - var(--enable)) ),
calc(var(--enable-g)*var(--enable) + var(--disable-g)*(1 - var(--enable)) ),
calc(var(--enable-b)*var(--enable) + var(--disable-b)*(1 - var(--enable)) )) */


Подробнее здесь: https://stackoverflow.com/questions/510 ... lor-values