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

hex to rgba in js

Add Answer

It's Draqula answered on June 11, 2021 Popularity 9/10 Helpfulness 6/10

answer hex to rgba in js

related javascript hex color to rgba

related js rgba to hex

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 javascript rgba

Link to this answer
Share Copy Link

Contributed on Jul 12 2021

It's Draqula

0 Answers Avg Quality 2/10

Closely Related Answers

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

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

hex to rgba in js

Contents

More Related Answers

hex to rgba in js

Closely Related Answers

javascript hex color to rgba

js rgba to hex

Grepper

Documentation

Social

Legal

Contact

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