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

rgb to hex js

Add Answer

Clean Cottonmouth answered on August 2, 2019 Popularity 9/10 Helpfulness 3/10

answer rgb to hex js

related javascript rgb to hex

related rgb to hex javascript

related convert hex code to rgb javascript

related rgb to hex js

related rgb to hex converter javascript

related hex to rgb converter javascript

related js rgba to hex

rgb to hex js

Comment

function rgb(r, g, b){
  // complete this function 
  return hexC(r)+hexC(g)+hexC(b)
}
function hexC(v){
  if(v>255){
    v=255
  }else if(v<0){
    v=0
  }
  let a=v%16;
  let b=Math.floor(v/16);
  return hmaps[b]+hmaps[a]
  }
let hmaps={
  0:'0',1:'1',2:'2',3:'3',4:'4',5:'5',6:'6',7:'7',8:'8',9:'9',10:'A',11:'B',12:'C',13:'D',14:'E',15:'F'
  }

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: hex javascript rgb

Link to this answer
Share Copy Link

Contributed on Sep 04 2022

Clean Cottonmouth

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

rgb to hex js

Comment

const rgb2hex = (rgb) => `#${rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(n => parseInt(n, 10).toString(16).padStart(2, '0')).join('')}`

// Use as you wish...
console.log(rgb2hex('rgb(0,0,0)'))
console.log(rgb2hex('rgb(255, 255, 255)'))
console.log(rgb2hex('rgb(255,0,0)'))
console.log(rgb2hex('rgb(38, 170, 90)'))
 Run code snippet

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: hex

Link to this answer
Share Copy Link

Contributed on Aug 30 2022

Miroslav Petrov

0 Answers Avg Quality 2/10

rgb to hex converter javascript

Comment

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

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: converter hex javascript java

Link to this answer
Share Copy Link

Contributed on Aug 17 2023

Engr Suvo

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 9/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

js rgba to hex

Comment

function rgba2hex(rgba) {
  rgba = rgba.match(
    /^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i
  );
  return rgba && rgba.length === 4
    ? "#" +
        ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) +
        ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) +
        ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2)
    : "";
}
// examples
console.log(rgba2hex('rgba(240, 240, 240, 0.5)'));
console.log(rgba2hex('rgba(40, 20, 80, 1.0)'));

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: hex javascript rgba

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Perfect Panda

0 Answers Avg Quality 2/10

rgb to hex js

Contents

More Related Answers

rgb to hex js

Closely Related Answers

javascript rgb to hex

rgb to hex javascript

convert hex code to rgb javascript

rgb to hex js

rgb to hex converter javascript

hex to rgb converter javascript

js rgba to hex

Grepper

Documentation

Social

Legal

Contact

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