-Back-

HTML Color Table

JavaScript

Date Added: May 18, 2003

Platforms: NS: 6+ - IE: all

Author: Bryan Gamble (bryan@bmgamble.com)

Homepage: bmgamble.com

Description: Get the HTML color code for the color you want. Move a cursor over the color and you get the color code.

Example: Color Code:

The Code: Cut and paste this code by pressing "highlight all": <!---------------------BEGIN HEAD-------------------------> <!-- To install: --> <!-- Place this into the HEAD of the HTML document: --> <!-- AUTHOR: Unknown --> <!-- MODIFIED: Bryan Gamble (www.bmgamble.com) --> <!-- PROGRAM: Color Table --> <!--------------------------------------------------------> <SCRIPT LANGUAGE="JavaScript"> <!-- /***************************** FUNCTION: getHex *****************************/ function getHex(x) { var hex = "0123456789ABCDEF"; var ret; if(x > 0xff) x = 0xff; return ret = hex.charAt(x / 16) + hex.charAt(x % 16); } /****************************** FUNCTION: getColor ******************************/ function getColor(color) { var code = "cell.code.value = \"" + color + "\";"; document.write("<TD BGCOLOR=#", color, ">"); document.write("<IMG SRC=\"\" BORDER=0 WIDTH=9 HEIGHT=9 onMouseOver='", code, "return true;'>"); document.write("</TD>"); return true; } //--> </SCRIPT> <!--------------------END HEAD-----------------------------> Cut and paste this code by pressing "highlight all": <!---------------------BEGIN BODY-------------------------> <!-- To install: --> <!-- Place this into the BODY of the HTML document: --> <!--------------------------------------------------------> <TABLE CELLPADDING=1 CELLSPACING=1 BORDER=0> <TR><TD> <SCRIPT TYPE="text/javascript"> <!-- var red, green, blue, color; for(red = 0; red <= 256; red += 14) { document.write("<TR>"); for(blue = 256; blue >= 0; blue -= 18) { color = getHex(red) + "00" + getHex(blue); getColor(color); } for(green = 0; green <= 256; green += 18) { color = getHex(red) + getHex(green) + "00"; getColor(color); } for(blue = 0; blue <= 256; blue += 18) { color = getHex(red) + "FF" + getHex(blue); getColor(color); } document.write("</TR>"); } //--> </SCRIPT> </TD></TR> </TABLE> <P> <FORM NAME="cell"> <B>Color Code</B>: <INPUT TYPE="text" NAME="code" SIZE=6> </FORM>

Notes: To see how this example works, simply move your cursor over the table and the Hex value for the color will appear in the text box labeled 'Color Code'.

-Back-