ASP Web-safe Colour Palette

<%=ColorChart("black","7")%>
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00 #FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00 #FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900 #FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600 #FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300 #FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00 #CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00 #CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900 #CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600 #CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300 #CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00 #99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00 #9999FF#9999CC#999999#999966#999933#999900 #9966FF#9966CC#996699#996666#996633#996600 #9933FF#9933CC#993399#993366#993333#993300 #9900FF#9900CC#990099#990066#990033#990000
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00 #66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00 #6699FF#6699CC#669999#669966#669933#669900 #6666FF#6666CC#666699#666666#666633#666600 #6633FF#6633CC#663399#663366#663333#663300 #6600FF#6600CC#660099#660066#660033#660000
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00 #33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00 #3399FF#3399CC#339999#339966#339933#339900 #3366FF#3366CC#336699#336666#336633#336600 #3333FF#3333CC#333399#333366#333333#333300 #3300FF#3300CC#330099#330066#330033#330000
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00 #00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00 #0099FF#0099CC#009999#009966#009933#009900 #0066FF#0066CC#006699#006666#006633#006600 #0033FF#0033CC#003399#003366#003333#003300 #0000FF#0000CC#000099#000066#000033#000000





Just move over the cells to see the #RGB Color Codes.
XHTML compliant.
If you add javascript to this to return the value of the selected colour I'd like to hear about it.
Download the 43-byte transparent GIF it uses here (Right-click, Save Target As...).
Note that if you don't choose to download the transparent GIF, it actually looks about the same until your cell size gets large.

Generated Table vs. Image Map

Source Code

<%
function ColorChart(bgcolor,cellsize)
' Author: 2002 Eli Robillard, (http://www.erobillard.com)
' Copyright: Lesser GNU Public License (http://www.gnu.org/licenses/lgpl.html)
dim h
h=Array("FF","CC","99","66","33","00")
str = "<table border=""0"" align=""left"" bgcolor=""" & bgcolor & """>"
for r = 0 to 5
    str = str & "<tr>"
    for g = 0 to 5
        str = str & chr(13) & chr(10)
        for b = 0 to 5
            str = str & ColorCell(h(r) & h(g) & h(b),cellsize)
        next
    next
    str = str & "</tr>"
next
str = str & "</table>"
ColorChart = str
end function

function ColorCell( strCol, strSize )
TransparentGIF = "/images/col-trans.gif"
str = "<td bgcolor=""#" & strCol & """>"
str = str & "<a href=""#" & strCol & """ title=""#" & strCol & """>"
str = str & "<img src=""" & TransparentGIF & """ border=""0"" alt=""#" & strCol & """"
str = str & " height=""" & strSize & """ width=""" & strSize & """ />"
str = str & "</a></td>"
ColorCell = str
end function
%>

Take care,
Eli Robillard.
www.erobillard.com

<%=ColorChart("grey","15")%>
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00 #FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00 #FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900 #FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600 #FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300 #FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00 #CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00 #CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900 #CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600 #CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300 #CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00 #99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00 #9999FF#9999CC#999999#999966#999933#999900 #9966FF#9966CC#996699#996666#996633#996600 #9933FF#9933CC#993399#993366#993333#993300 #9900FF#9900CC#990099#990066#990033#990000
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00 #66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00 #6699FF#6699CC#669999#669966#669933#669900 #6666FF#6666CC#666699#666666#666633#666600 #6633FF#6633CC#663399#663366#663333#663300 #6600FF#6600CC#660099#660066#660033#660000
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00 #33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00 #3399FF#3399CC#339999#339966#339933#339900 #3366FF#3366CC#336699#336666#336633#336600 #3333FF#3333CC#333399#333366#333333#333300 #3300FF#3300CC#330099#330066#330033#330000
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00 #00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00 #0099FF#0099CC#009999#009966#009933#009900 #0066FF#0066CC#006699#006666#006633#006600 #0033FF#0033CC#003399#003366#003333#003300 #0000FF#0000CC#000099#000066#000033#000000