CeltRuler.com

< All Color Values >

This script will write out every single color value that exists, changing the background color of the screen as it hits every 5,000th color until it reaches a grand total of 16,777,216 colors. To begin, click Start.

Start

To skip to the end of the script, click Skip.

Skip

allColorValues.html

<html>

<head>

<script type="text/javascript">

/**
*** allColorValues.html
**/


// hexadecimal values a-f
var a = 10;
var b = 11;
var c = 12;
var d = 13;
var e = 14;
var f = 15;


// other variables
var maxNumOfColors = 16777216; // 16 to the 6th power
var decimalNum = 0;
var hexNum = 0;
var num = 5000;


// loops through colors, starting from 0 and ending at 16777216
function loopThroughColors() {
        var i = 0;
        alert('Loading colors...');
        while (i < maxNumOfColors) {
        	for (var j = num - 5000; j < num; j++) {	
			convertToHex(j);
			convertToRGB();
			changeBackgroundColor();
        	}
		var confirmBox = confirm(num + ' colors so far! Continue?');
		if (confirmBox == true) {
			num += 5000;
		} else {
			i = maxNumOfColors;
		}
        }
	allDone(num);
}


// converts a decimal number to a hexadecimal number
function convertToHex(decimalNum) {
	hexNum = decimalNum.toString(16).toUpperCase();
	return hexNum;
}


// converts a hexadecimal number to RGB format
function convertToRGB() {
	var zeroes = "";

	if (hexNum.length < 6) {
		var blankDigits = 6 - hexNum.length;
		for (var i = 0; i < blankDigits; i++) {
			zeroes += "0";
		}
		hexNum = zeroes + hexNum;
	} 
        document.write("\n" + hexNum);
}


// changes the background color of the screen
function changeBackgroundColor() {
	document.bgColor = hexNum;
}


// end of script
function allDone(num) {
	document.write("<p align='center'>A whopping output here of " + num + " color values!</p>");
	document.write("<p align='center'><input type='button' value='Quit' onclick='location.href=\"allColorValues.html\"'></p>");
	alert('Done. You can click Back on your browser to see the final output of color values.');
}


// skips to final output of values
function skipToEnd() {
        for (var j = maxNumOfColors - 5000; j < maxNumOfColors; j++) {	
		convertToHex(j);
		convertToRGB();
		changeBackgroundColor();
        }
	alert('Showing last 5000 of ' + maxNumOfColors + ' total color values!');
	allDone(num);
}

</script>

</head>

<body>

<p>This script will write out every single color value that exists, changing the background color of the screen as it hits every 5,000th color until it reaches a grand total of 16,777,216 colors. To begin, click Start.</p>

<br />

<a href="#" onclick="loopThroughColors()">Start</a>

<br /><br />

<p>To skip to the end of the script, click Skip.</p>

<br />

<a href="#" onclick="skipToEnd()">Skip</a>

</body>

</html>

< Previous Page

Tidbits

< All Color Values >