Ferramentas de projeto

Ferramentas de design: paletas de cores, conversores de cores, gradientes e px para rem.

Calculadora de proporção de aspectoCalcule a proporção (16:9, 4:3...) a partir da largura e da altura. Para vídeo, imagens e telas. Livre. Compactar imagem on-lineCompacte imagens JPG e PNG. Reduz o peso mantendo a qualidade. Gratuito e no navegador. Conversor de coresConverte entre HEX, RGB, HSL e nomes de cores. Seletor visual. Para designers. Grátis on-line. Conversor de pixels para CMConverta pixels em centímetros com base em DPI/DPI. Para design e impressão. Grátis on-line. conversor de px para remConverte pixels (px) em rem com base no tamanho da fonte base. Para CSS responsivo. Grátis on-line. Converter para WEBPConverta imagens para WEBP, JPG ou PNG online e gratuitamente. Reduza o peso das suas imagens da web sem perde… Gerador CSS de sombra de caixaGere sombras CSS (box-shadow) com controle visual. Copie o código. Grátis on-line. Gerador de cartão de visitaCrie um cartão de visita simples. Nome, telefone, e-mail. Baixe o PDF. Livre. Gerador de cores aleatóriasGera cores hexadecimais aleatórias. Paletas e ideias para design. Grátis on-line. Gerador de faviconsCrie favicons para o seu site a partir de uma imagem. Vários tamanhos. Baixe .ico. Grátis on-line. Gerador de gradiente CSSCrie gradientes CSS para o seu site. Lineares e radiais. Copie o código. Gratuito para designers. Gerador de imagem de espaço reservadoGere imagens de espaço reservado por tamanho e cor. Para layout. Grátis on-line. Gerador de paleta de coresGere paletas de cores aleatórias e copie códigos HEX com um clique. Para web design e branding. Livre. Gerador de raio de bordaGera border-radius e border-radius com 8 valores. Visual e código prontos para copiar. Livre. Gerador de sombra CSS (box-shadow)Crie box-shadows CSS com visualização em tempo real e copie o código. Para designers e desenvolvedores. Livre. Redimensionar imagemAltere o tamanho de uma imagem. Largura e altura em pixels. Grátis on-line. Simulador de daltonismoVerifique a aparência de uma cor para pessoas com daltonismo (protanopia, deuteranopia e tritanopia). Acessibi… Verificador de contraste de cores (WCAG)Verifique a relação de contraste entre duas cores e se está em conformidade com as WCAG AA e AAA para acessibi…

Outras categorias de ferramentas

Utilidades Finanças Saúde Matemática e estatística Texto e escrita Programação e desenvolvimento Educação SEO e marketing Marketing Eletrônica Segurança

← Veja todas as ferramentas