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