Color Find - Formulario para desplegar un Color Picker

Color Find es un ejemplo Open source programado en Javascript que puede ser muy útil para aquellos que quieran insertar en su página web, un formulario que permita al usuario seleccionar un color desde un ColorPicker. ( Selector de color )

El formulario es muy simple y consta de un campo de texto y un botón. Al presionar el botón se desplegará en otra ventana un completo ColorPicker para seleccionar el color y el código o valor seleccionado se visualizará en el campo de texto ( Color en valor Hexadecimal )

Captura de pantalla del formulario:

Captura de pantalla del ColorPicker

Otras características:

• Se encuentra testeado en los siguientes navegadores webs: Internet explorer 6 y superiores, FireFox, Opera y Chrome.
• Es fácil de instalar, con solo agregar dos líneas de código en la página web ya podremos utilizar el formulario.

Instalación:

Paso 1

Subir al servidor web el archivo de script colorfind.js y la carpeta Images

Paso 2

Agregar la siguiente línea de código en la sección Head de la página web donde vamos a utilizar el formulario. Esta línea hace referencia al archivo Javascript que despliega el ColorPicker.

Paso 3

Añadir un campo de texto y asignarle un ID. En el ejemplo que se incluye con la descarga el ID es Random. , por ejemplo:

Paso 4

Añadir un botón para desplegar el ColorPicker ( O utilizar una imagen para el botón, como se incluye en el ejemplo ).

Por último, añadir los siguientes atributos al botón:

Donde ##ID##, es el ID anterior que colocamos para el campo de texto.