在JavaScript中将十六进制颜色转换为整数 [英] Convert hexadecimal color to integer in javascript

问题描述

我正在尝试将十六进制颜色字符串转换为javascript中的int.

I'm trying to convert a hexadecimal color string to a int in javascript.

颜色int必须与VB6相同.我认为字节不是正常顺序.例如:255是红色(#ff0000)，而16776960是Aqua(#00ffff)

The color int must be the same format as VB6. I think the bytes are not in the normal order. Ex: 255 is red (#ff0000) and 16776960 is Aqua (#00ffff)

我有一个反函数:(但是评论中有人告诉我这是不正确的)

I have a function to do the inverse: (But someone in the comments told me that it's not correct)

function VBColorToHEX(i) {
    var hex = (i & 0xFF).toString(16) +
              ((i >> 8) & 0xFF).toString(16) +
            ((i >> 16) & 0xFF).toString(16) +
            ((i >> 24) & 0xFF).toString(16);

    hex += '000000';
    hex = hex.substring(0, 6);
    return "#" + hex;
}

但是无法编写函数以返回到我的初始值.

But was unable to write a function to return to my initial value.

你能帮我吗?

我通过填充每种单独的颜色来更正我的原始功能:

I corrected my original function by padding each separate colors:

function VBColorToHEX(i) {
   var r = (i & 0xFF).toString(16);
   var g = ((i >> 8) & 0xFF).toString(16);
   var b = ((i >> 16) & 0xFF).toString(16);

   r = ('0' + r).slice(-2);
   g = ('0' + g).slice(-2);
   b = ('0' + b).slice(-2);

   return "#" + r + g + b;
}

推荐答案

这是原始功能的有效版本，我认为这对您实际的工作方式更有意义.

Here's a working version of your original function, which I think will make more sense to you about how it actually works.

function VBColorToHEX(i) {
    var bbggrr =  ("000000" + i.toString(16)).slice(-6);
    var rrggbb = bbggrr.substr(4, 2) + bbggrr.substr(2, 2) + bbggrr.substr(0, 2);
    return "#" + rrggbb;
}

然后，执行相反操作:

function HEXToVBColor(rrggbb) {
    var bbggrr = rrggbb.substr(4, 2) + rrggbb.substr(2, 2) + rrggbb.substr(0, 2);
    return parseInt(bbggrr, 16);
}

这篇关于在JavaScript中将十六进制颜色转换为整数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！