Pular para o conteúdo principal
Uddatak

Gerador de Gradiente Mesh

Cria um fundo moderno com gradientes de cor suaves e multiponto mesclados (o estilo Mesh Gradient popular no design web moderno), usando várias camadas radial-gradient() sobrepostas com cores aleatórias atraentes — diferente da ferramenta de Gradiente CSS, que cria um gradiente simples de duas cores, e da ferramenta de Padrão Blob, que desenha apenas uma forma. Você pode controlar o número de pontos de cor e a cor base, gerar um novo padrão aleatório com um clique e depois copiar o código CSS pronto diretamente. Tudo acontece instantaneamente no seu navegador, sem que nada seja enviado a um servidor.

Ferramentas de Design e CSS Funciona totalmente no seu navegador

Todo o processamento acontece no seu dispositivo — nada é enviado a um servidor.

Código CSS

background-color: #f5f3ff;
background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);

Perguntas Frequentes

A ferramenta de Gradiente CSS cria um degradê linear ou radial simples entre duas cores, enquanto esta ferramenta sobrepõe vários pontos de cor aleatórios para criar um fundo suave e multicolorido no estilo Mesh Gradient moderno.

Continuar com

Totalmente local

Gerador de Gradiente CSS

Crie visualmente um gradiente CSS linear ou radial e copie o código.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de blobs e padrões de fundo SVG

Gere uma forma orgânica aleatória (blob) ou um padrão de fundo repetitivo sem emendas em SVG, e copie ou baixe.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de harmonia de paleta de cores

Escolha uma cor base e obtenha uma paleta de cores harmoniosa (complementar, análoga, tríade, tétrade, monocromática).

Ferramentas de Design e CSSAbrir ferramenta

Ferramentas relacionadas

Totalmente local

Verificador de Contraste de Cores

Verifique se um par de cores texto/fundo atende aos padrões de contraste de acessibilidade WCAG.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de Gradiente CSS

Crie visualmente um gradiente CSS linear ou radial e copie o código.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de Box-Shadow CSS

Projete visualmente um box-shadow CSS com controles deslizantes e copie o código gerado.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de Border-Radius CSS

Projete visualmente cantos arredondados — incluindo formas assimétricas — e copie o código CSS.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Conversor de PX para REM

Converta entre pixels e unidades rem, com base em um tamanho de fonte raiz personalizado.

Ferramentas de Design e CSSAbrir ferramenta

Pronto para experimentar o Uddatak?

Explore a biblioteca completa de ferramentas e comece a usar o que você precisa agora — grátis, sem cadastro.

Ver todas as ferramentas