HTML <input type="color">

❮ Atributo de tipo HTML <input>

Exemplo

Mostrar um seletor de cores (com um valor vermelho predefinido):

<label for="favcolor">Select your favorite color:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000">

Definição e uso

O <input type="color">define um seletor de cores.

O valor padrão é #000000 (preto). O valor deve estar em notação hexadecimal de sete caracteres.

Dica: Sempre adicione a <label>tag para melhores práticas de acessibilidade!


Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.

Attribute
type="color" 20.0 38.0 29.0 10.1 11.01

Sintaxe

<input type="color">

❮ Atributo de tipo HTML <input>