Atributo value do Input Color

Objeto Color do DOM HTML Input

Definição e uso

value Define ou retorna o valor do atributo value do seletor de cor.

O atributo value do HTML define a cor do seletor de cor.

Comentário:Se nenhum conteúdo for especificado, a cor padrão é #000000 (preta).

Páginas relacionadas

Tutorial HTML:Cores do HTML

Manual HTML:Atributo value do <input> do HTML

Exemplo

Exemplo 1

Mudar a cor do seletor de cor:

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

Experimente você mesmo

Exemplo 2

Obter a cor do seletor de cor:

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

Experimente você mesmo

Exemplo 3

Exemplo de diferença entre os atributos defaultValue e value:

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

Experimente você mesmo

Sintaxe

Retornar o valor do atributo:

colorObject.value

Definir o valor do atributo:

colorObject.value = #hexvalue

Valor do atributo

Valor Descrição
#hexvalue

Define a cor do seletor de cor.

Este valor deve ser um valor hexadecimal (hex): três números de dois dígitos, começando com o símbolo # (como #FF8040).

Atenção:Não é permitido usar palavras-chave de cor (como "red" ou "blue").

Comentário:A cor padrão é #000000 (preta).

Detalhes técnicos

Retorno: Valor de string, representando a cor.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta plenamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte

Atenção:O elemento <input type="color"> não exibe nenhum seletor de cor no Internet Explorer e Safari.

Objeto Color do DOM HTML Input