JavaScriptでは、
document.getElementById("hoge").style.color = "rgb(200, 144, 45)";
などのようにRGBで色を指定できる。これを使ってランダムな色を生成する方法。
// 色をランダムで設定 var color = {r:0, g:0, b:0}; // RGB 0~255の値で設定 for(var i in color){ color[i] = Math.floor(Math.random() * 256); } var myColor = "rgb(" + color.r + ", " + color.g + ", " + color.b + ")"; console.log(myColor);
文字列で、「rgb(???, ???, ???)」を作ればいいだけなので、RGBの3色分の0~255の乱数を発生させればよい。
上記を実行すると変数myColorにランダムなRGB色が文字列として設定される。
実行例(変数myColorの内容)
rgb(248, 201, 247)
コメント