Breaking News: Grepper is joining You.com. Read the official announcement!

javascript convert hex color to rgb

Add Answer

Adorable Armadillo answered on August 2, 2019 Popularity 10/10 Helpfulness 10/10

answer javascript convert hex color to rgb

related javascript rgb to hex

related rgb to hex javascript

related convert hex code to rgb javascript

related hex to rgb converter javascript

related javascript convert color string to rgb

javascript convert hex color to rgb

Comment

function rgbToHex(r, g, b) {
  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}

function hexToRgb(hex, result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)) {
  return result ? result.map(i => parseInt(i, 16)).slice(1) : null
  //returns [23, 14, 45] -> reformat if needed
}

console.log(rgbToHex(10, 54, 120)); // #0a3678
console.log(hexToRgb("#0a3678")); // [10, 54, 120]

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: hex javascript rgb

Link to this answer
Share Copy Link

Contributed on Apr 06 2022

Adorable Armadillo

0 Answers Avg Quality 2/10

Closely Related Answers

javascript rgb to hex

Comment

function rgbToHex(r, g, b) {
  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}

function hexToRgb(hex) {
  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  if(result){
      var r= parseInt(result[1], 16);
      var g= parseInt(result[2], 16);
      var b= parseInt(result[3], 16);
      return r+","+g+","+b;//return 23,14,45 -> reformat if needed 
  } 
  return null;
}
console.log(rgbToHex(10, 54, 120)); //#0a3678
console.log(hexToRgb("#0a3678"));//"10,54,120"

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 02 2019

Friendly Hawk

0 Answers Avg Quality 2/10

rgb to hex javascript

Comment

// Convert RGB to Hex
function getColorFun(r, g, b) {
   return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}

getColorFun(178, 232, 55);
// The output here is #b2e837

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: hex

Link to this answer
Share Copy Link

Contributed on Oct 18 2022

Mehedi Islam Ripon

0 Answers Avg Quality 2/10

convert hex code to rgb javascript

Comment

function hexToRgb(hex){
	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;
}
var hex = "#0a3678";
console.log(hexToRgb(hex).r+","+hexToRgb(hex).g+","+hexToRgb(hex).b);//10,54,120

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: hex

Link to this answer
Share Copy Link

Contributed on Dec 25 2020

Blue Beaver

0 Answers Avg Quality 2/10

hex to rgb converter javascript

Comment

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";
 Run code snippet

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: converter conv

Link to this answer
Share Copy Link

Contributed on Aug 17 2023

Engr Suvo

0 Answers Avg Quality 2/10

javascript convert color string to rgb

Comment

could you add comments next to each statement please? I would need to convert a string to an RGB color. Is this function right for me?

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript rgb string

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

Maurizio Generosi

0 Answers Avg Quality 2/10

javascript convert hex color to rgb

Contents

More Related Answers

javascript convert hex color to rgb

Closely Related Answers

javascript rgb to hex

rgb to hex javascript

convert hex code to rgb javascript

hex to rgb converter javascript

javascript convert color string to rgb

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.