Skip to content
Related Articles

Related Articles

JavaScript to generate random hex codes of color

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 24 May, 2018
Improve Article
Save Article

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.

    // 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))];



Note: Output will be different for everytime the code will get executed.

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!