CSSLab — Design e CSS
Geradores visuais para o front-end do dia a dia: monte gradientes com prévia ao vivo e produza pacotes de favicon completos — no seu navegador.
100% no navegador Grátis para sempre Sem cadastro
Funciona 100% no seu navegador — nada é enviado, nunca.
Todas as ferramentas do CSSLab
Gradiente CSS Monte gradientes lineares, radiais e cônicos com paradas de cor arrastáveis e prévia ao vivo — e copie um CSS limpo e pronto para usar. Gerador de favicon Envie uma imagem e baixe um pacote completo: favicon.ico, PNGs de 16px a 512px, ícone Apple touch, webmanifest e as tags HTML para colar. Seletor Seleção visual de cor com códigos HEX / RGB / HSL instantâneos. Contraste Teste qualquer par de cores contra os limites WCAG AA e AAA. Paleta Paletas harmônicas de qualquer cor base — com variáveis CSS. Box shadow A sombra CSS perfeita com sliders e prévia ao vivo. Flexbox Ajuste as propriedades flexbox visualmente e copie o CSS. Grid Desenhe grids visualmente — receba CSS limpo na hora. SVG Reduza SVGs com segurança — o resultado visual não muda. Proporção Resolva largura/altura a partir de qualquer proporção na hora. Gerador de Border Radius De cantos simples a formas blob orgânicas, arrastando. Gerador de animações CSS Keyframes profissionais sem escrever código à mão. CSS para Tailwind De propriedades CSS para utility classes em uma colada. Simulador de Daltonismo Veja seu design como daltônicos veem. Especificidade CSS Qual seletor vence? Pontuação (a,b,c). Editor de Path SVG Veja, entenda e transforme paths SVG. Imagens Placeholder Imagens de teste sob medida em PNG ou SVG.
Perguntas frequentes
Minhas imagens são enviadas ao criar favicons?
Não. O gerador de favicon redimensiona sua imagem com a API canvas inteiramente no seu navegador e empacota o resultado em um ZIP localmente. Sua arte nunca sai do seu dispositivo.
O CSS gerado serve para produção?
Sim — o gerador de gradientes produz CSS padrão e moderno que funciona em todos os navegadores atuais, pronto para colar na sua folha de estilo.
Quais tamanhos de favicon eu recebo?
O conjunto moderno completo: favicon.ico (16/32/48), PNGs de 16, 32, 180 (Apple touch), 192 e 512 (Android/PWA), mais o trecho HTML e o webmanifest prontos.