css3　色相、彩度、明度による色指定

program

http://howtohp.com/2012/02/02/hsl-color/
"hsl(@色相, @彩度%, @明度%)"の形式で表す。

<html>
<head>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script>
function f() {
	for (var m=0; m<=100; m+=10) {
		for (var c=0; c<360; c+=10) {
			$("body").append(
				$("<span>■</span>").css({
					color : "hsl(@色相, @彩度%, @明度%)"
						.replace("@色相", c)
						.replace("@彩度", m)
						.replace("@明度", 50) })
			);
		}
		$("body").append("<br>");
	}
}

</script>
<body onload="f()">