Skip to content
Related Articles

Related Articles

JavaScript to generate random hex codes of color
  • Difficulty Level : Basic
  • Last Updated : 24 May, 2018

What is hex code?

A hex code is a six-digit, three-byte hexadecimal number used to represent colors in HTML, CSS, SVG. The bytes represent the red, green and blue components of the color. One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each of the color components.

Functions to be used for generating hex codes:
Math.random() generates any no. between 0 and 1 including decimal.
Math.random() * 16 generates no. between 0 to 16 including decimal.
Math.floor() removes the decimal part.




<script>
    // storing all letter and digit combinations
    // for html color code
    var letters = "0123456789ABCDEF";
  
    // html color code starts with #
    var color = '#';
  
    // generating 6 times as HTML color code consist
    // of 6 letter or digits
    for (var i = 0; i < 6; i++)
       color += letters[(Math.floor(Math.random() * 16))];
  
 document.write(color);
</script>

Output:

#E3B0DF 

Note: Output will be different for everytime the code will get executed.
Reference: https://en.wikipedia.org/wiki/Web_colors#Hex_triplet

My Personal Notes arrow_drop_up
Recommended Articles
Page :