Código de colores en sistema hexadecimal.

El Script comienza definiendo una variable con el nombre codigo. Ésta tomará el valor que devuelva el array para cada una de los elementos definidos en él.

La lista de valores que devuelve el array según su índice es:

Al comienzo del Script escribimos por medio de write() un texto de ayuda. Como una funcionalidad extra el JavaScript selecciona y copia automáticamente el código hexadecimal cuando se hace 1 click sobre él. En el navegador IE funciona sin problemas pero en Firefox se debe copiar en forma manual para que esté disponible en el portapapeles. Este proceso puede realizarse sin problemas seleccionando el código y presionando la combinación de teclas Ctrl+C.

Para escribir los diferentes pares de dígitos hexadecimales utilizaremos tres variables diferentes; par1 para el primer par de dígitos, par2 para el segundo par y par3 para el tercero.
Primero creamos un bucle for con un valor inicial de par1 igual a 0 (cero) y una condición par1<8 para su ejecución. El valor de actualización incrementa el valor actual de esta variable en 1 unidad. Exactamente lo mismo hacemos para la variable par2 mediante otro bucle for. Este segundo bucle estará anidado al primero.

El último bucle es el más interesante y "complicado" y también estará anidado a los dos anteriores. Para comprender bien que hace realmente este JavaScript vamos a suponer la ejecución de los 3 bucles en su respectivo orden.

Comenzamos con la ejecución del primer bucle que asigna a par1 el valor 0. Seguimos con el segundo bucle que asigna a par2 el valor 0. El tercer bucle realiza la mismo para par3 y automáticamente después escribe en el documento la etiqueta <INPUT> que tendrá el código de color hexadecimal con su color correspondiente. Para mostrar el texto del código asignamos a la propiedad value el siguiente valor:

codigo[par1]+codigo[par2]+codigo[par3]: La variable par1, para la primer ejecución del primer bucle, vale 0 por lo que se escribirá el valor 00, lo mismo para el segundo par y el tercero. El primer código generado será #000000 (color negro).

Para que el elemento tenga en su propiedad background-color el mismo color realizamos lo mismo y para que el texto se visualice correctamente asignamos el color más claro en contraste con el código que acabamos de escribir. Esto último lo hacemos restando 7 al valor del par actual. En este caso el valor actual para los 3 pares es de 0 por lo que 7-0 dará como resultado 7, entonces se mostrará el texto con un color #FFFFFF (blanco)

Una vez que terminó de escribir la primer etiqueta <INPUT> se finaliza la primer ejecución del tercer bucle por lo que éste comenzará nuevamente y así lo hará hasta que par3 sea menor que 8. Se escribirán 8 etiquetas con sus respectivos colores antes de pasar a la segunda ejecución del segundo bucle. Cuando se completa la ejecución del tercer bucle se pasa a la siguiente línea que escribe la etiqueta <BR>, la que permite insertar un salto de línea colocando las demás etiquetas un renglón debajo. Se seguirán escribiendo etiquetas <INPUT> hasta que par2 sea menor que 8, luego se saltará a la siguiente línea que separa el primer bloque del segundo mediante una etiqueta <P>. La ejecución del primer bucle se hará hasta que par1 sea menor que 8 por lo que se escribirán 8 bloques de 64 etiquetas <INPUT> cada uno.

La función SelecCopy() es la que permite seleccionar y copiar el código hexadecimal en el portapapeles. Para esto asignamos a cada etiqueta <INPUT> un evento onClick. Para poder utilizar la misma función en cada etiqueta creada, almacenamos en una variable campo el elemento mediante this que hace referencia al elemento al cual se hizo clic. La función selecciona el texto mediante select() y copia el mismo mediante execCommand("Copy"). Este comando parece ser propio del navegador de Microsoft ya que con Firefox no funciona por lo que habrá que copiar el texto mediante otro método (por ejemplo Ctrl+C).