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

js rgba to hex

Add Answer

Perfect Panda answered on August 2, 2019 Popularity 1/10 Helpfulness 1/10

answer js rgba to hex

related javascript rgb to hex

related rgb to hex javascript

related hex to rgba in js

related rgb to hex js

related javascript hex color to rgba

related rgb to hex js

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

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

hex to rgba in js

Comment

hexToRGB(hex: string, alpha: string) {

  const r = parseInt(hex.slice(1, 3), 16);
  const g = parseInt(hex.slice(3, 5), 16);
  const b = parseInt(hex.slice(5, 7), 16);

  if (alpha) {
    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
  } else {
    return `rgb(${r}, ${g}, ${b})`;
  }
}

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: hex

Link to this answer
Share Copy Link

Contributed on Jul 12 2021

It's Draqula

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

javascript hex color to rgba

Comment

//If you write your own code, remember hex color shortcuts (eg., #fff, #000)

function hexToRgbA(hex){
    var c;
    if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
        c= hex.substring(1).split('');
        if(c.length== 3){
            c= [c[0], c[0], c[1], c[1], c[2], c[2]];
        }
        c= '0x'+c.join('');
        return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',1)';
    }
    throw new Error('Bad Hex');
}

hexToRgbA('#fbafff')

/*  returned value: (String)
rgba(251,175,255,1)
*/

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: hex

Link to this answer
Share Copy Link

Contributed on Jun 11 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Sep 04 2022

Clean Cottonmouth

0 Answers Avg Quality 2/10

js rgba to hex

Contents

More Related Answers

js rgba to hex

Closely Related Answers

javascript rgb to hex

rgb to hex javascript

hex to rgba in js

rgb to hex js

javascript hex color to rgba

rgb to hex js

Grepper

Documentation

Social

Legal

Contact

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