javascript16进制颜色转换为RGB

最新推荐文章于 2025-08-23 02:53:08 发布

weixin_30278311

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bluedream2009/archive/2010/09/02/1816166.html

本文提供了三种不同的JavaScript函数用于解析十六进制颜色值，并将其转换为RGB格式。通过使用字符串切片、正则表达式匹配及位运算等方式，这些函数能够有效地从十六进制颜色字符串中提取红色、绿色和蓝色的分量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function parseHexColor(hexColor) {
    return {
        r: parseInt(hexColor.slice(1, 3), 16),
        g: parseInt(hexColor.slice(3, 5), 16),
        b: parseInt(hexColor.slice(5, 7), 16)
    };
}

function parseHexColor1(hexColor) {
    var matches = hexColor.match(/\w\w/g);
    return {
        r: parseInt(matches[0], 16),
        g: parseInt(matches[1], 16),
        b: parseInt(matches[2], 16)
    };
}

function parseHexColor2(hexColor) {
    var hex = parseInt(hexColor.slice(1), 16);
    return {
        r: hex >> 16,
        g: hex >> 8 & 0xff,
        b: hex & 0xff
    };
}

console.log(parseHexColor('#76400E'));
console.log(parseHexColor1('#76400E'));                
console.log(parseHexColor2('#76400E'));

转载于:https://www.cnblogs.com/bluedream2009/archive/2010/09/02/1816166.html