有没有一种方法可以计算CSS中的十六进制颜色?

时间:2020-07-15 07:29:50

标签: css stylus userstyles

在userstyles.org上,您可以创建颜色设置,以使用户定义自己的样式中的颜色。

在我的样式中,我使用用户可以定义的主色以及从主色派生的一些其他颜色。但是用户风格使颜色成为十六进制(

那么有什么方法可以计算十六进制颜色或将HEX转换为RGB或HSL?

1 个答案:

答案 0 :(得分:1)

 function convertHexToRGBA (hex, alpha) {
    const r = parseInt(hex.slice(1, 3), 16);
    const g = parseInt(hex.slice(3, 5), 16);
    const b = parseInt(hex.slice(5, 7), 16);

    if (alpha) {
        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
    } else {
        return "rgb(" + r + ", " + g + ", " + b + ")";
    }
  }