使用 jquery 从一种颜色代码创建线性渐变

Question

我正在向 div 动态添加线性背景。我有一个 rgb 格式的颜色代码。你如何获得与我使用 jquery 在后端保存的 colde 略有不同的结束颜色代码。我正在添加这样的背景

background: linear-gradient(-58deg, #0057a0, #00b8e1);。

基本上我是这样添加线性背景的

style="background: linear-gradient(-58deg, '+Card.bgColor+', '+Card.bgColor+');"。

Card.bgColor 是来自后端的 rgb 值。我只想应用较深或较浅的颜色作为渐变的结束颜色。请帮助我。

Answer 1

如果您可以使用第三方插件，那么您可以尝试使用这些东西 TinyColor，它提供了根据您提供的输入使颜色代码变亮或变暗的功能。

tinycolor("#f00").lighten().toString(); // "#ff3333"
tinycolor("#f00").lighten(100).toString(); // "#ffffff"

Create Linear gradient form one color code using jquery