Hola otra vez:
Bueno terminaré la explicación...
Lo importante es que con el método anterior se consigue el array de todos los colores, en un texto que sencillamente hay que copiar y pegar dentro de un script, y a partir de hay se pueden poner en una tabla o en un select...
Lo de la tabla lo he descartado porque se haría demasiado larga, pero fabricar el select fué muy fácil...
Tan solo se crea un select vacío y un id para referenciarlo, (si nos va a ser útil en un formulario, sería mejor usar el atributo name)
... Luego se añade (si se quiere) el típico option "Seleccione... bla, bla, bla"
y un bucle que recorra el array de colores como hice el array usando un separador a mi elección (usé el punto, pero ahora pienso que más didáctico hubiera sido usar "="), use ese mismo separador para separar la cadena en un array de dos elementos a partir del método split... (se hubiera podido usar la combinación substring/charAt)
Y por último solo quedaba darle un color de fondo a los elementos del select...
Código PHP:
<select id=SelecColores onchange=' if (this.selectedIndex > 0 ) alert("color:" + this.value + "\nvalor: " + this.options[this.selectedIndex].text)'></select>
</select>
<script language=javascript>
//alert("hay un total de:\n" + colores.length + " colores...");
document.getElementById("SelecColores").add(new Option("Seleccione un color de la lista", ""))
for (var i = 0; i < colores.length; i ++)
document.getElementById("SelecColores").add(new Option(colores[i].split(".")[0], colores[i].split(".")[1]));
for (var i = 1; i < colores.length; i ++)
document.getElementById("SelecColores").options[i + 1].style.backgroundColor = colores[i].split(".")[1];
</script>
Un par de apuntes adicionales:
Como queda muy mal (estéticamente hablando) la lista de elementos en la página, he puesto el estilo display=none
Y por último decir que algunos de los colores no funcionan en explorer (la definición)
Saludos
