Gracias SeaPirates por tu aporte me ayudo mucho a avanzar en el proyecto, practicando logre poner una imagen y ahora lo deje con un cuadro de color pero no encuentro la manera de que al hacer click en el color el codigo de este se cargue en la ventana principal donde se encuentre el cursor en ese momento.
Si alguien me ayuda nuevamente se lo agradezco desde ya el codigo en donde deben tomarse los colores estan arriba en mi 1ª pedido de ayuda. El codigo que me enviaste SeaPirates lo modifique de esta manera para quien tambien lo necesite.
<style>
.black_overlay{
display: none;
position: absolute;
top: 27%;
left: 79%;
width: 28%;
height: 26%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content{
display: none;
position: absolute;
top: 30%;
left: 80%;
width: 25%;
height: 25%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
<a href = \"javascript
:void(0)\" onclick = \"document.getElementById('light').style.display=' block';document.getElementById('fade').style.displ ay='block'\"><b>»»» Para ver códigos de colores haga click aquí «««</b></a></p>
<div id=\"light\" class=\"white_content\"> Haz click sobre el color
<form>
<font face=\"Comic Sans MS\" >
<select style=\"width:120px;height:80px;font-size:12px;font-family:Comic Sans MS;\">
<option value= \"FFFFFF\"style=\"color:#333300;background-color:#FFFFFF;\">FFFFFF
<option value= \"FAEBD7\"style=\"color:#333300;background-color:#FAEBD7;\">FAEBD7
<option value= \"00FFFF\"style=\"color:#333300;background-color:#00FFFF;\">00FFFF
<option value= \"7FFFD4\"style=\"color:#333300;background-color:#7FFFD4;\">7FFFD4
<option value= \"0000FF\"style=\"color:#333300;background-color:#0000FF;\">0000FF
<option value= \"8A2BE2\"style=\"color:#996600;background-color:#8A2BE2;\">8A2BE2
<option value= \"DEB887\"style=\"color:#333300;background-color:#DEB887;\">DEB887
<option value= \"7FFF00\"style=\"color:#333300;background-color:#7FFF00;\">7FFF00
<option value= \"D2691E\"style=\"color:#333300;background-color:#D2691E;\">D2691E
<select>
</font>
</form>
<a href=\"javascript
:void(0)\" onclick=\"document.getElementById('light').style.d isplay='none';document.getElementById('fade').styl e.display='none'\"><br><br>Close - Cerrar Ventana</a></div>
<div id=\"fade\" class=\"black_overlay\"></div>