Atributo value de Input Color

Objeto Input Color del DOM HTML

Definición y uso

value Establecer o devolver el valor del atributo value del selector de color.

El atributo value de HTML define el color del selector de color.

Comentarios:Si no se especifica ningún contenido, el color predeterminado es #000000 (negro).

Páginas relacionadas

Tutoriales de HTML:Color HTML

Manual de referencia de HTML:Atributo value del elemento <input> HTML

Ejemplo

Ejemplo 1

Cambiar el color del selector de color:

document.getElementById("myColor").value = "#FF8040";

Prueba tú mismo

Ejemplo 2

Obtener el color del selector de color:

var x = document.getElementById("myColor").value;

Prueba tú mismo

Ejemplo 3

Ejemplo que muestra la diferencia entre los atributos defaultValue y value:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Prueba tú mismo

Sintaxis

Devolver el atributo value:

colorObject.value

Configurar el atributo value:

colorObject.value = #hexvalue

Valor de atributo

Valor Descripción
#hexvalue

Define el color del selector de color.

Este valor debe ser un valor hexadecimal (hex): 3 dígitos de dos dígitos, comenzando con el símbolo # (como #FF8040).

Atención:No se permite el uso de palabras clave de color (como "red" o "blue").

Comentarios:El color predeterminado es #000000 (negro).

Detalles técnicos

Valor de retorno: Valor de cadena que representa el color.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad 10.0 Compatibilidad Compatibilidad Compatibilidad

Atención:El elemento <input type="color"> no muestra ningún selector de colores en Internet Explorer y Safari.

Objeto Input Color del DOM HTML