How can i convert ARGB to HEX in JavaScript?

Question

I want to convert ARGB colors to CSS-compatible hex

for example:

-1 should be converted to #FFFFFF

or

-16777216 to #000000

How can I do that in JavaScript?

score 10 · Accepted Answer · answered Sep 25 '12 at 09:24

10

This discards any alpha component

function argbToRGB(color) {
    return '#'+ ('000000' + (color & 0xFFFFFF).toString(16)).slice(-6);
}

Your colors are signed 32-bits and full alpha (0xFF) makes the numbers negative. This code works even for unsigned numbers.

answered Sep 25 '12 at 09:24

Antti Haapala -- Слава Україні

129,958
22
279
321

how do you reverse the process in javascript? Starting from a hex value and working towards the argb value? Been looking for a while now and didn't find any solution :( – Jorrex Sep 11 '15 at 12:41
@Jorrex not sure if you're still looking, but I needed that, too, and found it here: https://jsfiddle.net/teddyrised/g02s07n4/embedded/result/ thanks to this SO answer: https://stackoverflow.com/a/29101148/5758637 – Michael Armes Sep 13 '18 at 15:50

Tim Rogers · Answer 2 · 2012-09-25T09:29:43.193

0

I assume you want something like this:

function convertToColorString (argb){ 
   return '#'+ ('000000' + (argb+16777216).toString(16)).slice(-6); 
}

edited Sep 25 '12 at 09:29

answered Sep 25 '12 at 09:19

Tim Rogers

21,297
6
52
68

score 0 · Answer 3 · edited May 23 '17 at 12:04

You may want to check this question: How do I convert an integer to a javascript color?

My reply to that question was roughly to suggest that, if you want to use a library rather than coding it yourself, the pusher.color Javascript library supports integer to HTML color conversions:

// Will set c to "#695083"
var c = pusher.color('packed_argb', -9875325).hex6();

Here's a JSFiddle if you want to try the above out.

Also, let me add the disclaimer that I wrote the library mentioned above.

How can i convert ARGB to HEX in JavaScript?

3 Answers3