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…