JS十六进制颜色转换RGBA

最新推荐文章于 2024-05-27 10:27:02 发布

阿阿阿尔呀

最新推荐文章于 2024-05-27 10:27:02 发布

阅读量2.3k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/aerbaba/article/details/106824786

版权

JavaScript 专栏收录该内容

21 篇文章 1 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
 
<body>

</body>
<script>
    function colorRgba(sHex) {
        // 十六进制颜色值的正则表达式
        var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{4}|[0-9a-fA-f]{6}|[0-9a-fA-f]{8})$/
        /* 16进制颜色转为RGB格式 */
        var sColor = sHex.toLowerCase()
        var alpha = 1 
        if (sColor && reg.test(sColor)) {
            if (sColor.length === 4 || sColor.length === 5) {
                var sColorNew = '#'
                for (var i = 1; i < sColor.length; i += 1) {
                    sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
                }
                sColor = sColorNew
            }
            // 如果有透明度再执行
            if (sColor.length === 9) {
                alpha = (parseInt('0x' + sColor.slice(7, 9))/255).toFixed(2)
            }
            //  处理六位的颜色值
            var sColorChange = []
            for (var i = 1; i < 7; i += 2) {
                sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
            }
            return 'rgba(' + sColorChange.join(',') + ',' + alpha + ')'
        } else {
            return sColor
        }
    }
</script>

</html>

阿阿阿尔呀

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS十六进制颜色转换RGBA

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt..
复制链接

扫一扫

专栏目录