tutoriais mais recente desenvolvimento web
 

Input Color value Property

<Object Color Input

Exemplo

Alterar a cor de um seletor de cores:

document.getElementById("myColor").value = "#FF8040";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades de valor ou retorna o valor do value atributo de um seletor de cores.

O value atributo especifica a cor do seletor de cores.

Nota: Se nada for especificado, a cor padrão é # 000000 (black) .


Suporte navegador

Propriedade
value sim 10.0 sim sim sim

Nota: O <input type="color"> elemento não mostra qualquer colorpicker no Internet Explorer e Safari.


Sintaxe

Devolver a propriedade valor:

colorObject .value

Defina a propriedade de valor:

colorObject .value= #hexvalue

Valores de propriedade

Valor Descrição
#hexvalue Especifica uma cor para o seletor de cores.

O valor deve ser um hexadecimal (hex) valor: 3 números de dois dígitos, começando com um sinal # (like #FF8040) .

Nota: palavras-chave Cor (como "red" ou "azul") não são permitidos.

Nota: A cor padrão é # 000000 (black) .

Detalhes técnicos

Valor de retorno: A String, que representa uma cor

mais Exemplos

Exemplo

Obter a cor de um seletor de cores:

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

O resultado x será:

#ff0080
Tente você mesmo "

Exemplo

Um exemplo que mostra a diferença entre o defaultValue e propriedade valor:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Tente você mesmo "

Páginas relacionadas

Tutorial HTML: HTML Colors

Tutorial HTML: Valores HTML Cor (HEX)

Referência HTML: HTML <input> atributo de valor


<Object Color Input