DEV Community 👩‍💻👨‍💻

Cover image for Random Hex Color (semi-golfed)
Zevan Rosser
Zevan Rosser

Posted on

Random Hex Color (semi-golfed)

document.body.innerHTML += 'click anywhere...'

onclick = () => = 
Enter fullscreen mode Exit fullscreen mode

I golfed this snippet slightly for no reason in particular. I recently posted a nice readable way to make random hsl colors. This snippet generates a random hexidecimal color.

How it works

Math.random() // random number between 0 and 1

.toString(16) // convert to hex string (something like "0.2d6bcee4198d4")

.substr(-6) // grab the last 6 characters
Enter fullscreen mode Exit fullscreen mode

Here is a non-golfed version:

const instructionsEl = document.createElement('p');
instructionsEl.innerHTML = 'click anywhere...';

const randomHexColor = () => 

document.addEventListener('click', () => { = randomHexColor();
Enter fullscreen mode Exit fullscreen mode

See more stuff like this over @ Snippet Zone

Top comments (0)

🤔 Did you know?

✍️ Writing your own article is easy (we even support markdown).