/TypeScript/Typescript convert color to rgb

Typescript convert color to rgb

Javascript rgb to hex

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"

Hexstring to rgb array js

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 ? [
    parseInt(result[1], 16),
    parseInt(result[2], 16),
    parseInt(result[3], 16)
  ] : null;
}

alert(hexToRgb("#0033ff").g); // "51";
alert(hexToRgb("#03f").g); // "51";

Source: stackoverflow.com

Typescript convert color to rgb

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

alert(hexToRgb("#0033ff").g); // "51";

Source: stackoverflow.com

Typescript convert color to rgb

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

Source: stackoverflow.com

Similar codes

1 vote297 views1 answer
Randomly choose n elements from a text file linux
TypeScript
0 vote146 views1 answer
.net framework core scaffhold exists table
TypeScript
1 vote114 views1 answer
Sonar properties exclude rule
TypeScript
0 vote155 views3 answers
Spade operator typescript
TypeScript
0 vote132 views1 answer
Sql server results to comma delimited string
TypeScript
0 vote153 views1 answer
How to show account related contacts on click of a button using lightnig components
TypeScript
1 vote153 views2 answers
Mongodb update all items in array
TypeScript
2 votes176 views1 answer
Typescript type for intervalId
TypeScript
0 vote139 views1 answer
Typescript type function callback in interface
TypeScript
0 vote132 views1 answer
Java 8 collect multiple lists into single list
TypeScript