Hexadecimal in Javascript

Question

Hello,
is it possible to use hexadecimal calculations in Javascript?

My specific intention is to change a color slowly, like this theoretical code:

var color = #000000;
for (i=0; i<256; i++)
color.red++;

After one repeat the color will be #010000
After 10 repeats the color will be #0a0000

Can I do something like this?

Answer 1

I think you can solve your problem with the following hint:
color = '#' + Math.floor(Math.random() * 16777215).toString(16);

Answer 2

You can work with hexadecimal in javascript, but you can't work with color.

Fortunately you can make it yourself easily, check this:

https://code.sololearn.com/WlN70Fu1pYcF/?ref=app

To convert a number to a hexadecimal string, you can use `number.toString(16)`.

The `.padStart` makes sure that for values smaller than 16 we insert a zero (For example "a" -> "0a") because hex color codes are exactly two digits per channel.

Be aware that the code breaks if you go above 255 :)

EDIT: To change a color slowly on a website, you should also take a look at CSS transitions!

Answer 3

This is color='#' + Math.floor(Math.random()*16777215).toString(16);