JSFiddle - React, Tailwind, and code Playground
JavaScript
/**
* ******************************************************************************************
* Get random number for RGB color
* ******************************************************************************************
*/
function getRandomNumber(number) {
return Math.floor(Math.random() * number);
}
/**
* ******************************************************************************************
* Generate random RGB color
* ******************************************************************************************
*/
function genRandomRgbColor() {
const maxColorValue = 256; // 255, but as we are using Math.floor, we need to add 1
return `rgb(${getRandomNumber(maxColorValue)}, ${getRandomNumber(
maxColorValue
)}, ${getRandomNumber(maxColorValue)})`;
}