Question

How to convert RGB to hex in TypeScript

Answer 1

function rgbToHex(r: number, g: number, b: number) {
  	return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}

console.log(rgbToHex(250, 152, 5));




/*
run:

"#fa9805" 

*/

 

70+ SQL courses for beginners and professionals

Answer 2

function getHex(n: number) {
    const hex = n.toString(16);

    return hex.length == 1 ? "0" + hex : hex;
}
 
function rgbToHex(r: number, g: number, b: number) {
    return "#" + getHex(r) + getHex(g) + getHex(b);
}
 
console.log(rgbToHex(250, 152, 5));
 
 
 
 
 
/*
run:
 
"#fa9805"
 
*/

 

70+ SQL courses for beginners and professionals

Answer 3

const rgbToHex = (r: number, g: number, b: number) => '#' + [r, g, b].map(x => {
    const hex = x.toString(16)
    
    return hex.length === 1 ? '0' + hex : hex
}).join('')
 
console.log(rgbToHex(250, 152, 5));
  
  
  
  
/*
run:
  
"#fa9805" 
  
*/

 

70+ SQL courses for beginners and professionals

Answer 4

const rgbToHex = (r: number, g: number, b: number) => '#' + [r, g, b]
    .map(x => x.toString(16).padStart(2, '0')).join('')
 
console.log(rgbToHex(0, 252, 5)); 
 
  
  
  
  
/*
run:
  
"#00fc05" 
  
*/

 

70+ SQL courses for beginners and professionals