JavaScript:ランダムな色を生成する

JavaScript:ランダムな色を生成する JavaScript

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)

コメント

タイトルとURLをコピーしました