RGB色彩深浅变化 _Web前端

RGB颜色深浅变化
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
	.color_div {
		width: 10px;
		height: 20px;
		margin: 1px;
		float: left;
	}
</style>

</HEAD>

	<SCRIPT LANGUAGE="JavaScript">
	<!--
		for (var i = 0; i < 255; i+=5) {
			document.write("<div class='color_div' style='background-color: rgb("+i+","+i+","+i+");'></div>");
		}
		document.write("<div style='clear: both;'></div>");
		for (var i = 0; i < 255; i+=5) {
			document.write("<div class='color_div' style='background-color: rgb(255,"+i+","+i+");'></div>");
		}

		document.write("<div style='clear: both;'></div>");
		for (var i = 0; i < 255; i+=5) {
			document.write("<div class='color_div' style='background-color: rgb("+i+",255,"+i+");'></div>");
		}

		document.write("<div style='clear: both;'></div>");
		for (var i = 0; i < 255; i+=5) {
			document.write("<div class='color_div' style='background-color: rgb("+i+","+i+",255);'></div>");
		}
	//-->
	</SCRIPT>
</BODY>
</HTML>