Creo que el codigo esta mal colocado ;/
Código PHP:
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
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.display='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.display='none';document.getElementById('fade').style.display='none'"><br><br>Close - Cerrar Ventana</a></div>
<div id="fade" class="black_overlay"></div>
Aunque de todos modos, no entiendo, que intentas hacer?
Lo que entendí es que quieres que al seleccionar el color, el codigo se cargue dentro de un textarea o algo asi?