Created
April 7, 2014 03:51
-
-
Save fazlurr/5aca984b468c20170101 to your computer and use it in GitHub Desktop.
RGB to Hex and Hex to RGB conversion with Javascript,
From : http://stackoverflow.com/a/5624139
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function hexToRgb(hex) { | |
| // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") | |
| var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; | |
| hex = hex.replace(shorthandRegex, function(m, r, g, b) { | |
| return r + r + g + g + b + b; | |
| }); | |
| var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); | |
| return result ? { | |
| r: parseInt(result[1], 16), | |
| g: parseInt(result[2], 16), | |
| b: parseInt(result[3], 16) | |
| } : null; | |
| } | |
| alert( hexToRgb("#0033ff").g ); // "51"; | |
| alert( hexToRgb("#03f").g ); // "51"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function componentToHex(c) { | |
| var hex = c.toString(16); | |
| return hex.length == 1 ? "0" + hex : hex; | |
| } | |
| function rgbToHex(r, g, b) { | |
| return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b); | |
| } | |
| alert( rgbToHex(0, 51, 255) ); // #0033ff |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment