jquery - 获取 #000 格式的背景颜色，而不是 RGB

Question

使用此代码，我得到表中任何 TD 的 RGB 颜色：

alert($(this).css('background-color'));

结果是：

RGB(0, 255, 0)

是否有可能使用 jquery 获得 #000 格式或让我使用函数将 rgb 转换为 #000 格式？

在此先感谢您的帮助

Answer 1

尝试

var color = '';
$('div').click(function() {
   var hexcolor = $(this).css('backgroundColor');
   hexc(hexcolor);
   alert(color);
});

function hexc(colorval) {
    var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    delete(parts[0]);
    for (var i = 1; i <= 3; ++i) {
        parts[i] = parseInt(parts[i]).toString(16);
        if (parts[i].length == 1) parts[i] = '0' + parts[i];
    }
    color = '#' + parts.join('');

    return color;
}

Answer 2

这是我之前编写的一个函数，它为我完成了这项工作，并且没有循环。

function rgbToHex(total) {
    var total = total.toString().split(',');
    var r = total[0].substring(4);
    var g = total[1].substring(1);
    var b = total[2].substring(1,total[2].length-1);
    return ("#"+checkNumber((r*1).toString(16))+checkNumber((g*1).toString(16))+checkNumber((b*1).toString(16))).toUpperCase();
}
function checkNumber(i){
    i = i.toString();
    if (i.length == 1) return '0'+i;
    else return i;
}

JSFIDDLE