😉

#000~#FFFの全色を見る(遊び)

2021/06/15に公開

こんにちは!いい感じの色を探したい時に全色を見てみたいな。と思い、遊びで作ったプログラムです。生成されたhtmlファイルはブラウザではきれいですが、生成されたhtmlファイルををテキストエディタで見ない方がいいです汗。よろしくお願いしますm(_ _)m。

<?php
$fp = fopen("hoge.html","w");
$text="";
for($k=0;$k<4;$k+=4){
	for($j=0;$j<16;$j++){
		for($r=0;$r<4;$r++){
			for($i=0;$i<16;$i++){
				$text .= "<div style='width:10px;height:10px;background-color:#".(string)dechex($r+$k).(string)dechex($i).(string)dechex($j).";margin:0;display:inline-block;'></div>";
			}
		}
		$text .= "<br />";
		fwrite($fp,$text);
		$text = "";
	}
	
}
fclose($fp);

生成されるhtmlの色はこんなです。。。

説明しておくと、中サイズ四角のブロックでは、$i(緑)と$j(青)が二重ループで走ります。赤はちょっと厄介です。$kと$rで制御されます。$i(緑)が0~15まで走る(中ブロックの右端に来ると)と、$r(赤)は1増えて$i(緑)が0にリセットされ、また緑が増えるを繰り返します。$rが増えるを4回繰り返すと、"<br />"で一段下がりここでhoge.htmlに書き込まれます。そして、$j(青)が1増えます。そうして青が15まで行くと、今度は$k(赤)が一気に4増えます。つまり、赤の量は上段右端の3から次段左端の4になります。そんな感じで全組み合わせを生成しています。(下図参照)

Discussion