Ferramentas de Design — Grátis Online
13 ferramentasFerramentas de design e CSS, incluindo seletores de cores, geradores de gradiente, geradores de sombra e utilitários CSS.
Verificador de Contraste
Verifique a taxa de contraste de cor para conformidade com acessibilidade WCAG AA e AAA.
Gerador de Animação CSS
Crie animações CSS com pré-visualização ao vivo e código keyframe exportável.
Gerador de Border Radius CSS
Projete cantos arredondados personalizados com pré-visualização ao vivo e código CSS pronto.
Gerador de Box Shadow CSS
Crie sombras em camadas com pré-visualização ao vivo e código CSS copiável.
Gerador de Filtro CSS
Aplique filtros visuais — desfoque, brilho, contraste, sépia — com pré-visualização ao vivo.
Gerador de Flexbox CSS
Projete layouts flexbox interativamente com pré-visualização ao vivo e código CSS exportável.
Gerador de Grid CSS
Crie layouts CSS Grid visualmente com linhas, colunas e áreas de template.
Conversor de PX para REM
Converta entre pixels e unidades rem com tamanho base configurável.
Conversor de SVG para CSS
Codifique imagens SVG como backgrounds CSS usando URI de dados otimizado.
Gerador de Favicon
Gere favicons em todos os tamanhos necessários a partir de uma única imagem de origem.
Gerador de Gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos com pré-visualização ao vivo e código copiável.
Gerador de Paleta de Cores
Gere paletas de cores harmoniosas com esquemas complementares, análogos e triádicos.
Seletor de Cores
Selecione e converta cores entre formatos HEX, RGB, HSL e HSB com pré-visualização ao vivo.