JavaScript: Convert the values of RGB components to a color code

JavaScript fundamental (ES6 Syntax): Exercise-252 with Solution

RGB to Color Code

Write a JavaScript program to convert the values of RGB components to a color code.

• Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (<<) and Number.prototype.toString(16).
• Use String.prototype.padStart(6, '0') to get a 6-digit hexadecimal value.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
// Define a function 'RGBToHex' to convert RGB values to hexadecimal format
const RGBToHex = (r, g, b) =>
  // Combine the RGB values into a single number, convert it to hexadecimal,
  // and pad the result with zeros to ensure it has 6 digits
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');

// Test the 'RGBToHex' function with sample RGB values
console.log(RGBToHex(255, 165, 1)); // Output: "ffa501"
console.log(RGBToHex(255, 255, 1)); // Output: "ffff01"

Output:

ffa501
ffff01

Visual Presentation:

Flowchart:

Live Demo:

See the Pen javascript-basic-exercise-252-1 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to write a JSON object to a file.
Next: Write a JavaScript program to generate a UUID in a browser.