Gerador de Cores HTML JS PURO

🎨 Funcionalidades

• Seletor visual de cores
• Gerador de cores aleatórias
• Copiar código HEX para área de transferência
• Interface responsiva e moderna
• Transições suaves

📦 Layout Base

O projeto possui uma estrutura bem definida:

Estrutura Visual

• Container centralizado com background branco e sombra
• Input de cor visual (150x150px) com border-radius
• Display do código HEX em tamanho grande e negrito
• Botões de ação estilizados com gradiente roxo
• Efeitos hover com elevação e sombra
• Design responsivo que se adapta a diferentes telas

Componentes CSS

• Reset global com box-sizing
• Flexbox para centralização
• Transições suaves (0.3s)
• Gradiente linear nos botões (135deg, #667eea -> #764ba2)
• Box-shadow para profundidade

Como usar

abrir index.html no navegador

Arquivos

index.html - página principal index.css - estilos index.js - javascript

Como contribuir

Para contribuir com este projeto, siga os passos abaixo:

1. Faça um fork deste repositório e clone para sua máquina local.
2. Crie uma nova branch para sua feature ou correção:

   git checkout -b minha-nova-feature
   

3. Faça suas alterações e adicione testes, se necessário.
4. Faça commit das suas mudanças:

   git commit -m "Descrição clara da sua alteração"
   

5. Faça push para o seu fork:

   git push origin minha-nova-feature
   

6. Abra um Pull Request detalhando o que foi alterado e por quê.

Sugestões, correções e melhorias são bem-vindas! Se tiver dúvidas, abra uma issue.