【问题标题】:Is there a way to calculate HEX colors in CSS?有没有办法在 CSS 中计算 HEX 颜色?
【发布时间】:2020-07-15 07:29:50
【问题描述】:

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

在我的风格中,我使用了用户可以定义的主色和一些源自主色的附加颜色。但是用户样式将颜色放在 HEX(

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

【问题讨论】:

    标签: css stylus userstyles


    【解决方案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 + ")";
        }
      }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-04-27
      • 2022-06-17
      • 2016-12-27
      • 1970-01-01
      • 2020-07-24
      • 2023-03-30
      • 2012-10-16
      • 2022-01-14
      相关资源
      最近更新 更多