Seletor de Cores e Gerador de Paletas
Escolha cores nos formatos HEX, RGB e HSL; crie paletas harmoniosas e gradientes atraentes.
Gerador de Efeito Glassmorphism em CSS
Gere cartões com visual de vidro fosco moderno utilizando backdrop-filter em CSS puro e classes Tailwind.
Configurações do efeito de vidro
Desfoque (Blur)16px
Opacidade (Transparência)%25
Largura da borda1px
Opacidade da borda%20
Raio dos cantos20px
#ffffff
ToolsApp Glass
Vidro fosco moderno
Experimente uma interface glassmorphism impecável com desfoque de fundo em tempo real e refração de luz.
blur(16px)opacity(25%)
Código CSS
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
Como Usar?
Ajustar Desfoque e Opacidade
Ajuste com precisão o desfoque de fundo (backdrop blur) e a transparência.
Testar Fundos
Pré-visualize sobre gradientes coloridos e vibrantes.
Copiar CSS / Tailwind
Exporte o trecho de código CSS para os seus ficheiros de estilo.
Dicas e Truques
- •O efeito vidro depende do fundo. Teste separadamente a leitura sobre zonas claras e escuras.
Ferramentas Relacionadas
Conta-Gotas e Extrator de Cores de Imagens
Envie fotos ou gráficos e clique em qualquer pixel para capturar os códigos de cor exatos em HEX e RGB.
Gerador de QR Code Personalizado
Gere códigos QR em alta resolução nos formatos PNG e SVG para sites, Wi-Fi, textos e contatos.
Gerador de Favicon e Ícones para Web Apps
Gere ícones 16x16, 32x32, Apple Touch Icons (180x180) e ícones PWA para Android a partir do seu logotipo.
Avaliações e Comentários de Usuários
Compartilhe sua experiência anonimamente. Moderado automaticamente por IA.
Avaliações Aprovadas (0)