Css hex to rgb

hexToRGB(hex, alpha) {

  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})`;
  }
}

Css color hex to rgb a

hexToRGB(hex, alpha) {

  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})`;
  }
}

Source: stackoverflow.com

Similar codes

1 vote277 views1 answer
Overflow scrollbar with variable height
CSS
0 vote206 views1 answer
Pointer bootstrap 4
CSS
0 vote253 views1 answer
3 line after dot in css
CSS
0 vote242 views1 answer
Putting an object in front of a page javascript
CSS
1 vote256 views1 answer
Show max word with css
CSS
0 vote259 views1 answer
Align items in span to center
CSS
1 vote259 views2 answers
How to center a position fixed element horizontally
CSS
0 vote315 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
6 votes239 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
72 votes251 views6 answers
Css absolute center horizontal
CSS