[RESOLVIDO] Html - Input onde posso escolher uma cor

Programação
#1

gente, eu vi que exsite o type=“color” cujo qual eu posso escolher diversas cores, porém eu preciso determinar as cores possíveis que serão escolhidas pelo usuário,
ex: o usuário só poderá escolher 3 tipos de cores vermelho, amarelo e azul

#2

Dá uma olhada.
Precisa ver se dá para customizar e definir quais cores estarão disponíveis.

Edit 2:

<input type="color" list="presetColors">
<datalist id="presetColors">
    <option>#ff0000</option>/>
    <option>#00ff00</option>
    <option>#0000ff</option>
</datalist>
1 curtida
#3

era exatamente isso que eu queria.
obrigado!!

#4

mas ele continua exibindo as outras opções. :confused:

#5

image

#6

eu queria ocultar esse botão outro…

#7

Qual o código completo?

#8

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_color

<!DOCTYPE html>
<html>
<body>

<h1>Show a color picker:</h1>

<form action="/action_page.php">
<input type="color" list="presetColors">
    <datalist id="presetColors">
    <option>#ff0000</option>/>
    <option>#00ff00</option>
    <option>#0000ff</option>
</datalist>
</form>


</body>
</html>
1 curtida
#9

Você pode customizer com JS a seleção da cor: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

#10

Não é possível ocultar esse outro.

#11

estou aceitando outros tipos de sugestões.

#12

Se sao só 3 cores, faz algo desse tipo:

https://codepen.io/rauldronca/pen/EWLeMz

Lembre-se que HTML é totalmente flexível, nao precisa se limitar a componentes fechados.

3 curtidas
#13

era exatamente o que eu queria. obrigado!!

#14

Cleiton, marca a resposta que te ajudou como correta, por favor.

2 curtidas