Projeto realizado como forma de avaliação no curso de desenvolvimento web da escola de programação Trybe.
Objetivo: implementar uma página web que contém uma paleta de cores funcional que poderá ser utilizada para criar desenhos em pixels. Utilizar javascript, css e html.
- Adicione à página o título "Paleta de Cores"
- Adicione à página uma paleta de quatro cores distintas
- Adicione na página a cor preta ela deve ser a primeira na paleta de cores.
- Adicione à página um quadro de pixels, com 25 pixels.
- Faça com que cada elemento do quadro de pixels possua 40 pixels de largura, 40 pixels de altura e seja delimitado por uma borda preta de 1 pixel.
- Definia a cor preta como cor inicial. Ao carregar a página a cor preta já deve estar selecionada para pintar os pixels
- Selecione uma das cores da paleta, ao clicar, a cor selecionada é a que será utilizada para preencher os pixels no quadro.
- Clicar em um pixel dentro do quadro após selecionar uma cor na paleta, faz com que o pixel seja preenchido com a cor selecionada.
- Crie um botão que, ao ser clicado, limpa o quadro preenchendo a cor de todos seus pixels com branco.
- Faça o quadro de pixels ter seu tamanho definido pelo usuário.
- Limite o tamanho do mínimo e máximo do board.
- Faça com que as cores da paleta sejam geradas aleatoriamente ao carregar a página.