Choose Color By Pre-defined Names

[Total: 0    Average: 0/5]

This shows how to easily identify the color with the RGB numbers and the name of the color.

Body Code:

<script type=text/javascript>
var hue=new Array("HTML ColorTable", "AliceBlue", "AntiqueWhite",
                  "Aqua", "Aquamarine","Azure","Beige","Bisque","Black",
				  "BlanchedAlmond","Blue","BlueViolet","Brown","Burlywood",
				  "CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue",
				  "Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan",
				  "DarkGoldenrod","DarkGray","DarkGreen","DarkKhaki",
				  "DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid",
				  "DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue",
				  "DarkSlateGray","DarkTurquoise","DarkViolet","DeepPink",
				  "DeepSkyBlue","DimGray","DodgerBlue","Firebrick","FloralWhite",
				  "ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold",
				  "Goldenrod","Gray","Green","GreenYellow","Honeydew","HotPink",
				  "IndianRed","Indigo","Ivory","Khaki","Lavender","Lavenderblush",
				  "LawnGreen","Lemonchiffon","LightBlue","LightCoral","LightCyan",
				  "LightGoldenrodYellow","LightGreen","LightGrey","LightPink",
				  "LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray",
				  "LightSteelBlue","LightYellow","Lime","LimeGreen","Linen",
				  "Magenta","Maroon","MediumAquamarine","MediumBlue","MediumOrchid",
				  "MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen",
				  "MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream",
				  "MistyRose","Moccasin","NavajoWhite","Navy","Oldlace","Olive",
				  "OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenrod",
				  "PaleGreen","PaleTurquoise","PaleVioletRed","Papayawhip",
				  "Peachpuff","Peru","Pink","Plum","PowderBlue","Purple","Red",
				  "RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown",
				  "SeaGreen","Seashell","Sienna","Silver","SkyBlue","SlateBlue",
				  "SlateGray","Snow","SpringGreen","SteelBlue","Tan","Teal",
				  "Thistle","Tomato","Turquoise","Violet","Wheat","White",
				  "WhiteSmoke","Yellow","YellowGreen");

var isNS = (document.layers) ? true : false;
var topStep = (isNS) ?  10 : 8;
var leftStep = (isNS) ? 10 : 8; 
if (isNS) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = track;

function track(e) {
  var x = (isNS) ? e.pageX : event.x; 
  var y = (isNS) ? e.pageY : event.y;
  identify (x, y);
}

function identify (x, y) {
  with (document.f){
	if (x>11 && x<31 && y >10 && y<31) {col.value=hue[1];ref.value="F0F8FF";}
	else if (x>32 && x<52 && y >10 && y<31) {col.value=hue[2];ref.value="FAEBD7";}	
	else if (x>53 && x<73 && y >10 && y<31) {col.value=hue[3];ref.value="00FFFF";}
	else if (x>74 && x<94 && y >10 && y<31) {col.value=hue[4];ref.value="7FFFD4";}
	else if (x>95 && x<115 && y >10 && y<31) {col.value=hue[5];ref.value="F0FFFF";}
	else if (x>116 && x<136 && y >10 && y<31) {col.value=hue[6];ref.value="F5F5DC";}
	else if (x>137 && x<157 && y >10 && y<31) {col.value=hue[7];ref.value="FFE4C4";}
	else if (x>158 && x<178 && y >10 && y<31) {col.value=hue[8];ref.value="000000";}
	else if (x>179 && x<199 && y >10 && y<31) {col.value=hue[9];ref.value="FFEBCD";}
	else if (x>200 && x<220 && y >10 && y<31) {col.value=hue[10];ref.value="0000FF";}	
	else if (x>221 && x<241 && y >10 && y<31) {col.value=hue[11];ref.value="8A2BE2";}
	else if (x>242 && x<262 && y >10 && y<31) {col.value=hue[12];ref.value="A52A2A";}
	else if (x>263 && x<283 && y >10 && y<31) {col.value=hue[13];ref.value="DEB887";}
	else if (x>284 && x<304 && y >10 && y<31) {col.value=hue[14];ref.value="5F9EA0";}
	else if (x>305 && x<325 && y >10 && y<31) {col.value=hue[15];ref.value="7FFF00";}
	else if (x>326 && x<346 && y >10 && y<31) {col.value=hue[16];ref.value="D2691E";}	
	else if (x>347 && x<367 && y >10 && y<31) {col.value=hue[17];ref.value="FF7F50";}
	else if (x>368 && x<388 && y >10 && y<31) {col.value=hue[18];ref.value="6495ED";}
	else if (x>389 && x<409 && y >10 && y<31) {col.value=hue[19];ref.value="FFF8DC";}
	else if (x>410 && x<430 && y >10 && y<31) {col.value=hue[20];ref.value="DC143C";}
	else if (x>11 && x<31 && y >31 && y<52) {col.value=hue[21];ref.value="00FFFF";}
	else if (x>32 && x<52 && y >31 && y<52) {col.value=hue[22];ref.value="00008B";}	
	else if (x>53 && x<73 && y >31 && y<52) {col.value=hue[23];ref.value="008B8B";}
	else if (x>74 && x<94 && y >31 && y<52) {col.value=hue[24];ref.value="B8860B";}
	else if (x>95 && x<115 && y >31 && y<52) {col.value=hue[25];ref.value="A9A9A9";}
	else if (x>116 && x<136 && y >31 && y<52) {col.value=hue[26];ref.value="006400";}
	else if (x>137 && x<157 && y >31 && y<52) {col.value=hue[27];ref.value="BDB76B";}
	else if (x>158 && x<178 && y >31 && y<52) {col.value=hue[28];ref.value="8B008B";}
	else if (x>179 && x<199 && y >31 && y<52) {col.value=hue[29];ref.value="556B2F";}
	else if (x>200 && x<220 && y >31 && y<52) {col.value=hue[30];ref.value="FF8C00";}	
	else if (x>221 && x<241 && y >31 && y<52) {col.value=hue[31];ref.value="9932CC";}
	else if (x>242 && x<262 && y >31 && y<52) {col.value=hue[32];ref.value="8B0000";}
	else if (x>263 && x<283 && y >31 && y<52) {col.value=hue[33];ref.value="E9967A";}
	else if (x>284 && x<304 && y >31 && y<52) {col.value=hue[34];ref.value="8FBC8F";}
	else if (x>305 && x<325 && y >31 && y<52) {col.value=hue[35];ref.value="483D8B";}
	else if (x>326 && x<346 && y >31 && y<52) {col.value=hue[36];ref.value="2F4F4F";}	
	else if (x>347 && x<367 && y >31 && y<52) {col.value=hue[37];ref.value="00CED1";}
	else if (x>368 && x<388 && y >31 && y<52) {col.value=hue[38];ref.value="9400D3";}
	else if (x>389 && x<409 && y >31 && y<52) {col.value=hue[39];ref.value="FF1493";}
	else if (x>410 && x<430 && y >31 && y<52) {col.value=hue[40];ref.value="00BFFF";}
	else if (x>11 && x<31 && y >52 && y<73) {col.value=hue[41];ref.value="696969";}
	else if (x>32 && x<52 && y >52 && y<73) {col.value=hue[42];ref.value="1E90FF";}	
	else if (x>53 && x<73 && y >52 && y<73) {col.value=hue[43];ref.value="B22222";}
	else if (x>74 && x<94 && y >52 && y<73) {col.value=hue[44];ref.value="FFFAF0";}
	else if (x>95 && x<115 && y >52 && y<73) {col.value=hue[45];ref.value="228B22";}
	else if (x>116 && x<136 && y >52 && y<73) {col.value=hue[46];ref.value="FF00FF";}
	else if (x>137 && x<157 && y >52 && y<73) {col.value=hue[47];ref.value="DCDCDC";}
	else if (x>158 && x<178 && y >52 && y<73) {col.value=hue[48];ref.value="F8F8FF";}
	else if (x>179 && x<199 && y >52 && y<73) {col.value=hue[49];ref.value="FFD700";}
	else if (x>200 && x<220 && y >52 && y<73) {col.value=hue[50];ref.value="DAA520";}	
	else if (x>221 && x<241 && y >52 && y<73) {col.value=hue[51];ref.value="808080";}
	else if (x>242 && x<262 && y >52 && y<73) {col.value=hue[52];ref.value="008000";}
	else if (x>263 && x<283 && y >52 && y<73) {col.value=hue[53];ref.value="ADFF2F";}
	else if (x>284 && x<304 && y >52 && y<73) {col.value=hue[54];ref.value="F0FFF0";}
	else if (x>305 && x<325 && y >52 && y<73) {col.value=hue[55];ref.value="FF69B4";}
	else if (x>326 && x<346 && y >52 && y<73) {col.value=hue[56];ref.value="CD5C5C";}	
	else if (x>347 && x<367 && y >52 && y<73) {col.value=hue[57];ref.value="4B0082";}
	else if (x>368 && x<388 && y >52 && y<73) {col.value=hue[58];ref.value="FFFFF0";}
	else if (x>389 && x<409 && y >52 && y<73) {col.value=hue[59];ref.value="F0E68C";}
	else if (x>410 && x<430 && y >52 && y<73) {col.value=hue[60];ref.value="E6E6FA";}
	else if (x>11 && x<31 && y >73 && y<94) {col.value=hue[61];ref.value="FFF0F5";}
	else if (x>32 && x<52 && y >73 && y<94) {col.value=hue[62];ref.value="7CFC00";}	
	else if (x>53 && x<73 && y >73 && y<94) {col.value=hue[63];ref.value="FFFACD";}
	else if (x>74 && x<94 && y >73 && y<94) {col.value=hue[64];ref.value="ADD8E6";}
	else if (x>95 && x<115 && y >73 && y<94) {col.value=hue[65];ref.value="F08080";}
	else if (x>116 && x<136 && y >73 && y<94) {col.value=hue[66];ref.value="E0FFFF";}
	else if (x>137 && x<157 && y >73 && y<94) {col.value=hue[67];ref.value="FAFAD2";}
	else if (x>158 && x<178 && y >73 && y<94) {col.value=hue[68];ref.value="90EE90";}
	else if (x>179 && x<199 && y >73 && y<94) {col.value=hue[69];ref.value="D3D3D3";}
	else if (x>200 && x<220 && y >73 && y<94) {col.value=hue[70];ref.value="FFB6C1";}	
	else if (x>221 && x<241 && y >73 && y<94) {col.value=hue[71];ref.value="FFA070";}
	else if (x>242 && x<262 && y >73 && y<94) {col.value=hue[72];ref.value="20B2AA";}
	else if (x>263 && x<283 && y >73 && y<94) {col.value=hue[73];ref.value="87CEFA";}
	else if (x>284 && x<304 && y >73 && y<94) {col.value=hue[74];ref.value="778899";}
	else if (x>305 && x<325 && y >73 && y<94) {col.value=hue[75];ref.value="B0C4DE";}
	else if (x>326 && x<346 && y >73 && y<94) {col.value=hue[76];ref.value="FFFFE0";}	
	else if (x>347 && x<367 && y >73 && y<94) {col.value=hue[77];ref.value="00FF00";}
	else if (x>368 && x<388 && y >73 && y<94) {col.value=hue[78];ref.value="32CD32";}
	else if (x>389 && x<409 && y >73 && y<94) {col.value=hue[79];ref.value="FAF0E6";}
	else if (x>411 && x<430 && y >73 && y<94) {col.value=hue[80];ref.value="FF00FF";}
	else if (x>11 && x<31 && y >94 && y<115) {col.value=hue[81];ref.value="800000";}
	else if (x>32 && x<52 && y >94 && y<115) {col.value=hue[82];ref.value="66CDAA";}	
	else if (x>53 && x<73 && y >94 && y<115) {col.value=hue[83];ref.value="0000CD";}
	else if (x>74 && x<94 && y >94 && y<115) {col.value=hue[84];ref.value="BA55D3";}
	else if (x>95 && x<115 && y >94 && y<115) {col.value=hue[85];ref.value="9370DB";}
	else if (x>116 && x<136 && y >94 && y<115) {col.value=hue[86];ref.value="3CB371";}
	else if (x>137 && x<157 && y >94 && y<115) {col.value=hue[87];ref.value="7B68EE";}
	else if (x>158 && x<178 && y >94 && y<115) {col.value=hue[88];ref.value="00FA9A";}
	else if (x>179 && x<199 && y >94 && y<115) {col.value=hue[89];ref.value="48D1CC";}
	else if (x>200 && x<220 && y >94 && y<115) {col.value=hue[90];ref.value="C71585";}	
	else if (x>221 && x<241 && y >94 && y<115) {col.value=hue[91];ref.value="191970";}
	else if (x>242 && x<262 && y >94 && y<115) {col.value=hue[92];ref.value="F5FFFA";}
	else if (x>263 && x<283 && y >94 && y<115) {col.value=hue[93];ref.value="FFE4E1";}
	else if (x>284 && x<304 && y >94 && y<115) {col.value=hue[94];ref.value="FFE4B5";}
	else if (x>305 && x<325 && y >94 && y<115) {col.value=hue[95];ref.value="FFDEAD";}
	else if (x>326 && x<346 && y >94 && y<115) {col.value=hue[96];ref.value="000080";}	
	else if (x>347 && x<367 && y >94 && y<115) {col.value=hue[97];ref.value="FDF5E6";}
	else if (x>368 && x<388 && y >94 && y<115) {col.value=hue[98];ref.value="808000";}
	else if (x>389 && x<409 && y >94 && y<115) {col.value=hue[99];ref.value="6B8E23";}
	else if (x>410 && x<430 && y >94 && y<115) {col.value=hue[100];ref.value="FFA500";}
	else if (x>11 && x<31 && y >115 && y<136) {col.value=hue[101];ref.value="FF4500";}
	else if (x>32 && x<52 && y >115 && y<136) {col.value=hue[102];ref.value="DA70D6";}	
	else if (x>53 && x<73 && y >115 && y<136) {col.value=hue[103];ref.value="EEE8AA";}
	else if (x>74 && x<94 && y >115 && y<136) {col.value=hue[104];ref.value="98FB98";}
	else if (x>95 && x<115 && y >115 && y<136) {col.value=hue[105];ref.value="AFEEEE";}
	else if (x>116 && x<136 && y >115 && y<136) {col.value=hue[106];ref.value="DB7093";}
	else if (x>137 && x<157 && y >115 && y<136) {col.value=hue[107];ref.value="FFEFD5";}
	else if (x>158 && x<178 && y >115 && y<136) {col.value=hue[108];ref.value="FFDAB9";}
	else if (x>179 && x<199 && y >115 && y<136) {col.value=hue[109];ref.value="CD853F";}
	else if (x>200 && x<220 && y >115 && y<136) {col.value=hue[110];ref.value="FFC0CB";}	
	else if (x>221 && x<241 && y >115 && y<136) {col.value=hue[111];ref.value="DDA0DD";}
	else if (x>242 && x<262 && y >115 && y<136) {col.value=hue[112];ref.value="B0E0E6";}
	else if (x>263 && x<283 && y >115 && y<136) {col.value=hue[113];ref.value="800080";}
	else if (x>284 && x<304 && y >115 && y<136) {col.value=hue[114];ref.value="FF0000";}
	else if (x>305 && x<325 && y >115 && y<136) {col.value=hue[115];ref.value="BC8F8F";}
	else if (x>326 && x<346 && y >115 && y<136) {col.value=hue[116];ref.value="4169E1";}	
	else if (x>347 && x<367 && y >115 && y<136) {col.value=hue[117];ref.value="8B4513";}
	else if (x>368 && x<388 && y >115 && y<136) {col.value=hue[118];ref.value="FA8072";}
	else if (x>389 && x<409 && y >115 && y<136) {col.value=hue[119];ref.value="F4A460";}
	else if (x>410 && x<430 && y >115 && y<136) {col.value=hue[120];ref.value="2E8B57";}
	else if (x>11 && x<31 && y >136 && y<157) {col.value=hue[121];ref.value="FFF5EE";}
	else if (x>32 && x<52 && y >136 && y<157) {col.value=hue[122];ref.value="A0522D";}	
	else if (x>53 && x<73 && y >136 && y<157) {col.value=hue[123];ref.value="C0C0C0";}
	else if (x>74 && x<94 && y >136 && y<157) {col.value=hue[124];ref.value="87CEEB";}
	else if (x>95 && x<115 && y >136 && y<157) {col.value=hue[125];ref.value="6A5ACD";}
	else if (x>116 && x<136 && y >136 && y<157) {col.value=hue[126];ref.value="708090";}
	else if (x>137 && x<157 && y >136 && y<157) {col.value=hue[127];ref.value="FFFAFA";}
	else if (x>158 && x<178 && y >136 && y<157) {col.value=hue[128];ref.value="00FF7F";}
	else if (x>179 && x<199 && y >136 && y<157) {col.value=hue[129];ref.value="4682B4";}
	else if (x>200 && x<220 && y >136 && y<157) {col.value=hue[130];ref.value="D2B48C";}	
	else if (x>221 && x<241 && y >136 && y<157) {col.value=hue[131];ref.value="008080";}
	else if (x>242 && x<262 && y >136 && y<157) {col.value=hue[132];ref.value="D8BFD8";}
	else if (x>263 && x<283 && y >136 && y<157) {col.value=hue[133];ref.value="FF6347";}
	else if (x>284 && x<304 && y >136 && y<157) {col.value=hue[134];ref.value="40E0D0";}
	else if (x>305 && x<325 && y >136 && y<157) {col.value=hue[135];ref.value="EE82EE";}
	else if (x>326 && x<346 && y >136 && y<157) {col.value=hue[136];ref.value="F5DEB3";}	
	else if (x>347 && x<367 && y >136 && y<157) {col.value=hue[137];ref.value="FFFFFF";}
	else if (x>368 && x<388 && y >136 && y<157) {col.value=hue[138];ref.value="F5F5F5";}
	else if (x>389 && x<409 && y >136 && y<157) {col.value=hue[139];ref.value="FFFF00";}
	else if (x>410 && x<430 && y >136 && y<157) {col.value=hue[140];ref.value="00FF7F";}
	else {col.value="";ref.value="";}
  }	
}

document.write("");

document.write("<TITLE>"+hue[0]+"</TITLE><BODY BGCOLOR=#000000 TEXT=#FFFFFF TOPMARGIN="+topStep+" LEFTMARGIN="+leftStep+" MARGINHEIGHT="+topStep+" MARGINWIDTH="+leftStep+"><TABLE BGCOLOR=#000000 WIDTH='421' HEIGHT='148' BORDER=0 CELLPADDING=0 CELLSPACING=1><tr NOWRAP>");

for(count=1; count <= 140; count++) {
	document.write("<TD BGCOLOR="+hue[count]+" WIDTH='20' HEIGHT='20'>&nbsp;</TD>");
	if(count % 20 == 0 && count != 140) document.write("</TR><TR>");
}

document.write("</TR><TR><TD COLSPAN=20 ALIGN=CENTER><FORM NAME='f'><INPUT NAME='col' TYPE='text' SIZE='20' VALUE=''><INPUT NAME='ref' TYPE='text' SIZE='10' VALUE=''></FORM></TD></TR></TABLE></BODY>");

</SCRIPT>

Times Viewed: 1

Leave a Reply

Your email address will not be published. Required fields are marked *