Categorías: código HTML

input type="color"

Índice

La etiqueta en html tiene como valor "color" en su atributo type, input type="color", esto simboliza a un campo de entrada de un color. En la actualidad en los navegadores modernos los controles de color en su mayoría son representados por controles que permiten a los usuarios finales cambiar su color gráficamente.

Para el caso de envío del contenido del formulario, los navegadores hacen el mecanismo de conversión de la información a una cadena que simboliza un color. A continuación mostramos las reglas para componer un color válido.

indice del tema

Colores

Básicamente está formado por los códigos.

  • Hexadecimal
  • Hue saturation lightness
  • Nombre de color en HTML
  • RGB

Para mayor información sobre los colores hexadecimal, Hue saturation lightness, entre otros más diríjase a Códigos de colores HTML.

Ejemplos

En este presente ejemplo crearemos un formulario con el campo de color, usted verá las funcionalidades de este control en el presente ejemplo.

 

Adentrándonos más sobre input type="color", en este ejemplo facilitaremos una lista de colores propuestas para que el usuario final elige el color que más desea, además de selección de color predeterminada. Para ello usaremos etiqueta , para ello haremos un enlazado entre el id de la lista y él atributo list del campo.

   

Siguiendo con input type="color" cumplimentaremos un poco más. Para ello  este último ejemplo mostraremos su valor en hexadecimal en un campo de texto una vez seleccionada un color que usted sea ver en código hexadecimal.

 

 



Nota: Para las personas que desean recoger datos de colores RGB o hexadecimal y los demás se encuentra en este control input type="color", en su mayoría de los casos se utiliza a la hora de darle estilos a nuestro pagina, como para darle color al texto, color de fondo de la pagina, color de pie de pagina, entre otras mas.

admin

Entradas recientes

Reparar error 5B00 en canon MG3680 | Reset de Almohadillas

El cese operativo inesperado de un equipo de impresión constituye uno de los obstáculos más…

2 días hace

Cómo resetear canon MG3670 (Error 5B00) | Manual de servicio corto

Encontrarse con un aviso de mantenimiento que paraliza tu impresora a mitad de una jornada…

2 días hace

Cómo resetear canon MG3600 (Error 5B00) | Guía corta y original

Quedar con las tareas de impresión suspendidas debido a una interrupción imprevista en el sistema…

2 días hace

Cómo resetear canon MG3570 (Error 5B00) | Guía técnica inédita

Quedar inoperante a mitad de una tarea de impresión debido a un bloqueo repentino del…

2 días hace

Cómo resetear canon MG3540 (Error 5B00) | Manual rápido y fácil

El bloqueo inesperado de los equipos multifuncionales compactos es un dolor de cabeza recurrente. En…

2 días hace

Cómo resetear canon MG3140 (Error 5B00) | Guía corta y fácil

El bloqueo inesperado de una impresora Pixma es un problema habitual. En la Canon MG3140,…

3 días hace