1function rgbToHex(r, g, b) {
2 return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
3}
4
5function hexToRgb(hex) {
6 var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
7 if(result){
8 var r= parseInt(result[1], 16);
9 var g= parseInt(result[2], 16);
10 var b= parseInt(result[3], 16);
11 return r+","+g+","+b;//return 23,14,45 -> reformat if needed
12 }
13 return null;
14}
15console.log(rgbToHex(10, 54, 120)); //#0a3678
16console.log(hexToRgb("#0a3678"));//"10,54,120"
1function hexToRgb(hex) {
2 // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
3 var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
4 hex = hex.replace(shorthandRegex, function(m, r, g, b) {
5 return r + r + g + g + b + b;
6 });
7
8 var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
9 return result ? [
10 parseInt(result[1], 16),
11 parseInt(result[2], 16),
12 parseInt(result[3], 16)
13 ] : null;
14}
15
16alert(hexToRgb("#0033ff").g); // "51";
17alert(hexToRgb("#03f").g); // "51";
1function hexToRgb(hex) {
2 var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
3 return result ? {
4 r: parseInt(result[1], 16),
5 g: parseInt(result[2], 16),
6 b: parseInt(result[3], 16)
7 } : null;
8}
9
10alert(hexToRgb("#0033ff").g); // "51";
1function componentToHex(c) {
2 var hex = c.toString(16);
3 return hex.length == 1 ? "0" + hex : hex;
4}
5
6function rgbToHex(r, g, b) {
7 return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
8}
9
10alert(rgbToHex(0, 51, 255)); // #0033ff
1function hex2RGB(hex){
2 const r = parseInt(hex.substring(1, 3), 16);
3 const g = parseInt(hex.substring(3, 5), 16);
4 const b = parseInt(hex.substring(5, 7), 16);
5 return `${r}, ${g}, ${b}`;
6}