使用jQuery在滚动条上动态更改颜色

我有一个div，当我向下滚动页面时，它会改变颜色，从透明变为不透明。此代码当前使用静态RGB值，然后根据滚动位置添加不透明度值

$(document).ready(function () {
    $(window).scroll(function () {

        var windowHeight = $(window).height();
        var $scrollPercent = ($(document).scrollTop() / windowHeight);

        if ($(document).scrollTop() > 100) {
            $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'});
        } else {
            $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'});
        }
    });
});

我想将静态RGB值更改为动态RGB值

目前，我确实有一个十六进制颜色值，它是由高级自定义字段在名为“primary_Color”的字段中创建的。 我可以将此值作为“背景色”输出到div，但不知道是否可以将其转换为RGB并将其插入到我已有的代码中

---

有人能帮我解决我在如何让它发挥作用方面的困惑吗？非常感谢您提供的帮助。

您不需要转换颜色格式，只需使用十六进制值（或任何颜色值）设置动态背景颜色，然后分别设置不透明度：

var primaryColour = "#00a850";

$(".fade-overlay").css({backgroundColor: primaryColour});
$(".fade-overlay").css({opacity: $scrollPercent});

---

您可能希望使用php对其进行转换