js染色十六进制转rgba+透明度输出

最新推荐文章于 2024-08-02 10:47:13 发布

揭小宏

最新推荐文章于 2024-08-02 10:47:13 发布

阅读量836

点赞数

分类专栏：前端文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/jiehong1020/article/details/122290342

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何编写一个JavaScript函数，该函数接受一个颜色的透明度和主题色作为参数，然后返回对应的rgba值，用于创建对比色效果。函数通过解析十六进制颜色代码并结合透明度来生成rgba字符串。

摘要由CSDN通过智能技术生成

主要根据主题色获取对应的透明度做对比色

 /**
     *主题色透明度获取
     * @param opacity 透明度
     *  @param web_color 主题色(#666666)
     * @returns rgba
     */
    web_color_opacity(opacity,web_color) {
        return "rgba(" + parseInt("0x" +web_color.slice(1, 3)) + "," + parseInt("0x" +  web_color.slice(3, 5)) + "," + parseInt("0x" + web_color.slice(5, 7)) + "," + opacity + ")";
    },