Ferramentas de design grátis: gerador de paleta de cores, logo e mais
Gere paletas de cores e degradês, verifique o contraste, capture cores de imagens e crie logos, avatares, mockups, padrões e kits de marca.
12 ferramentas
Gerador de paleta de coresCrie paletas de cores a partir de regras de harmonia ou de uma foto. Veja tons, contraste e gradientes, e expoGerador de padrõesCrie padrões de fundo contínuos: pontos, grade, listras, xadrez, zigue-zague, ondas, triângulos, cruzes, hexágVerificador de contrasteVerifique a razão de contraste entre a cor do texto e a do fundo segundo WCAG AA e AAA, para texto normal, texGerador de avataresCrie avatares padrão a partir de um nome ou e-mail: iniciais, geométrico, beam ou pixel, em círculo, arredondaGerador de escala tipográficaGere uma escala tipográfica modular a partir de um tamanho base e uma proporção, com uma proporção menor para Gerador de mockupsColoque capturas de tela numa janela de navegador, notebook, celular ou tablet sobre um fundo colorido. AdicioCriador de logoDigite sua marca, escolha setor, estilo e cores e receba dezenas de ideias de logo. Edite fontes, ícones e corGerador de paleta em gradienteCrie uma escala de cores suave a partir de uma cor base ou entre várias cores. Copie qualquer amostra, pegue oGerador de grid CSSGere um grid de colunas responsivo com seus próprios breakpoints, colunas, gutters, margens e largura máxima. Gerador de blobs SVGGere formas orgânicas aleatórias (blobs) para fundos e ilustrações. Ajuste complexidade e aleatoriedade, preenGerador de kit de marcaMonte um kit de marca simples a partir do nome da sua marca e de uma cor: paleta por harmonia de cores, par deImage Color PickerPick any colour from an image with a zoom lens and get its HEX, RGB and HSL codes, plus the image's main colou
Sobre Ferramentas de design
Ferramentas de design para cores, logos e layouts
Um bom design começa com algumas decisões: quais cores usar, como o texto deve escalar e qual é a cara da marca. Estas ferramentas de design grátis ajudam você a decidir rápido no navegador e depois copiar os códigos ou baixar os arquivos.
Cores e tipografia
- Cor: o gerador de paleta de cores, o gerador de paleta de degradês e o conta-gotas de imagem para pegar códigos HEX de uma foto.
- Legibilidade: o verificador de contraste de cores e o gerador de escala tipográfica.
- Layout: o gerador de grid.
Marca e gráficos
Crie um logo simples, um kit de marca completo, um avatar ou um mockup de dispositivo. Para fundos e formas, experimente o gerador de padrões e o gerador de blobs SVG. Para degradês, sombras e outros códigos CSS, veja as ferramentas CSS; para editar fotos, as ferramentas de imagem.
Dicas
- Limite a paleta a poucas cores principais, mais tons neutros para texto e fundo.
- Confira cada par de texto e fundo no verificador de contraste antes de publicar.
- Salve logos em SVG ou PNG com transparência para funcionarem em qualquer fundo.