You've got to find what you love.

 var textColorBox=true;
 function selectColor(value){
  var color = value.substr(0,6);
  alert(color);
        document.all.ContentColor.style.visibility = "hidden";
        document.all.curColor.style.backgroundColor = "#"+color;
 }

 function choiceColor(){

        if(textColorBox){
            document.all.ContentColor.style.visibility="visible";
            var RGB="#008000,#009966,#99CC66,#999966,#CC9900,#D41A01,#FF0000,#FF7635,#FF9900,#FF3399,#9B18C1,#993366,#666699,#0000FF,#177FCD,#006699,#003366,#333333,#8E8E8E,#C1C1C1";
            RGBColorArray=RGB.split("#");
            var tag="<table border=1 bordercolor=#000000 cellspacing=0 cellpadding=0 bgcolor=#ffffff><tr>";
            for(var i=1;i<RGBColorArray.length;){
                tag=tag+"<tr>";
                for(var j=0;j<5;j++){
                    tag=tag+"<td bgcolor=#"+RGBColorArray[i]+" width=15 height=15 onclick=selectColor('"+RGBColorArray[i]+"')></td>";
                    i++;
                    if(RGBColorArray==i) break;
                }
                tag=tag+"</tr>";
            }
            tag=tag+"</table>";
            document.all.ContentColor.innerHTML=tag;
            textColorBox=true;
        }
        else{
            document.all.ContentColor.style.visibility="hidden";
            document.all.ContentColor.innerHTML="";
            textColorBox=true;
        }
 }



         <td align="center" width="50" height="30" class="gray">색상</td>
         <td><div id="curColor" style='background-color:;width:20; height:20; align:center; position: absolute; z-index:3; visibility:visible'></div></td>
         <td height="30"><a href="javascript:choiceColor();">
         <img src="${pageContext.request.contextPath}/img/event/20090106/selectColor2.gif" alt="" width="16" height="15" border="0"></a>
         <div id=ContentColor style='position: absolute; z-index:3; visibility: hidden'></div>
         </td>