0

我有以下CSS:

background-image: linear-gradient(#444f67, #262c39);

这些是现有渐变的开始和结束颜色。现在我想换掉渐变,因为我调整了这个网站的配色方案。

我知道新的开始颜色:

background-image: linear-gradient(#542437, X);

我怎样才能解决X?基于....

oldStart -> oldEnd = ExistingGradient :: newStart -> X (new end) = NewGradient

提前致谢...

4

1 回答 1

2

以下是我通常使用纯 CSS 解决此问题的方法 - 使用透明渐变并仅更改底层背景颜色。

例如,而不是:

background-image: linear-gradient(#444f67, #262c39);

采用:

background-color: #444f67;
background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));

然后您可以将背景颜色换成另一个主题:

background-color: #542437;
background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));

这是一个工作示例:jsfiddle


否则,如果您询问如何计算实际颜色,则需要定义您的要求。你想在服务器端还是客户端?用 C# 做起来相当容易,也可以用 JavaScript 做。

于 2013-07-26T12:05:45.607 回答