javascript - 将 RGB 转换为十六进制颜色

Question

下面是将 rgb 转换为十六进制颜色的函数。但这并不完全正确。使用 (0, 255, 0) (#00ff00)。它返回 ff00 ，因此它不是有效的颜色。我需要帮助来修改它以返回正确的十六进制值。

function rgbToHex(r, g, b) {
        var rgb = b | (g << 8) | (r << 16);
        return rgb.toString(16);
    }

Answer 1

这个怎么样：

//...
return (0x1000000 | rgb).toString(16).substring(1);

Answer 2

试试这个：

return ("000000"+rgb.toString(16)).slice(-6);
//                                   ^----returns last 6 chars

Answer 3

return ((b | g << 8 | r << 16) / 16777216).toString(16).substring(2);

或者

return ((b | g << 8 | r << 16) / 0x1000000).toString(16).substring(2);

Answer 4

免责声明：我是下面提到的 pusher.color 库的作者。

如果您不介意使用库，您可能想尝试使用pusher.color或xcolor 之类的库。我注意到您在 Stackoverflow 上提出了一些关于 Javascript 中的颜色操作的问题，因此这可能会为您节省一些总体时间来使用库来解决您的问题。您想要的 pusher.color 语法是：

var hexString = pusher.color('rgb', r, g, b).hex6();

Answer 5

只是另一种选择

function rgbToHex(r, g, b) {
    function c(v) {
        var hex = v.toString(16);
        return hex.length === 1 ? "0" + hex : hex;
    }
    return "#" + c(r) + c(g) + c(b);
}

Answer 6

如何使用像xolor 库这样的库：

var color = xolor([45, 100, 200])
color.rgb // "rgb(45,100,200)"
color.hex // "2D64C8"
color.hsl // {h: 219, s:63.3, l:48.0}
color.hsv // {h: 218.7, s:0.7750, v:0.7843}
color.name // "royalblue"

Answer 7

这个怎么样：

return $.sprintf("#%02x%02x%02x", r, g, b);

为此，您需要使用 jQuery。