JS颜色遍历

参考: 一行代码rgb转hex颜色 - 简书

注意:递加值不能太小,否则内存会暴涨死机。

<html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
span { display:inline-block; margin:5px; padding:5px; }
</style>
<body>
<script>
var d=30;
for (r=0; r<255; r+=d) {
    for (g=0; g<255; g+=d) {
		for (b=0; b<255; b+=d) {
			var span = document.createElement('span');			
			var color = '#' + r.toString(16).toUpperCase().padStart(2,'0') + g.toString(16).toUpperCase().padStart(2,'0') + b.toString(16).toUpperCase().padStart(2,'0');
			span.textContent = color;
			span.style.backgroundColor = color;
			document.body.appendChild(span);
		}
	}
}
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/sonichty/article/details/130853888