RGB与16进制颜色值互相转换

       // 将 RGB 颜色值转换成十六进制颜色码

        const rgbToHex = (r, g, b) => {
            // 使用位运算符将三个 8 位的数值组合为一个 24 位的数值
            const combinedValue = (r << 16) + (g << 8) + b;
            // 在前面添加一个 # 符号,然后使用 toString(16) 方法将数值转换成 16 进制字符串
            const hexString = "#" + combinedValue.toString(16);
            // 如果转换后的字符串长度小于 7,就在前面补充 0,使得字符串总长度为 7
            return hexString.padStart(7, '0');
        }
        console.log(rgbToHex(255, 255, 255)); //  #ffffff


        // 将十六进制颜色码转换成RGB 颜色值   
        function hexToRgb(hex) {
            // 将十六进制颜色码转换成RGB颜色值
            var r = parseInt(hex.substr(1, 2), 16);
            var g = parseInt(hex.substr(3, 2), 16);
            var b = parseInt(hex.substr(5, 2), 16);

            // 返回RGB颜色值
            return "rgb(" + r + ", " + g + ", " + b + ")";
        }
        // 使用示例
        var hexColor = "#FFA500";
        var rgbColor = hexToRgb(hexColor);
        console.log(rgbColor); // 输出:"rgb(255, 165, 0)"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

new Vue()

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值