javascript - 如何在 IE 9 中使用 JavaScript 从样式属性获取背景颜色作为十六进制值？

Question

<分区>

Answer 1

您可以使用以下内容对其进行转换 ( source )。

我相信大多数现代浏览器(包括 chrome)返回 rgb 而不是 hex。

也许您可以进行基本匹配以确定它是十六进制还是 rgb，然后根据需要转换 rgb。

function rgb2hex(rgb) {
    rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    function hex(x) {
        return ("0" + parseInt(x).toString(16)).slice(-2);
    }
    return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

---

更新版本(支持 alpha)，由 Cody O'Dell 发现:

//Function to convert hex format to a rgb color
function rgb2hex(rgb){
 rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
 return (rgb && rgb.length === 4) ? "#" +
  ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
  ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
  ("0" + parseInt(rgb[3],10).toString(16)).slice(-2) : '';
}