Pular para o conteúdo principal
Uddatak

Gerador de Gradiente CSS

Escolha cores, ângulo, e tipo de gradiente em uma prévia ao vivo para projetar um gradiente CSS linear ou radial, depois copie o código CSS background-image exato — sem adivinhar as porcentagens dos pontos de parada de cor.

Ferramentas de Design e CSS Funciona totalmente no seu navegador

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

0%
100%

Código CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Continuar com

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
Totalmente local

Gerador de Gradiente Mesh

Crie um fundo de gradiente mesh suave e multiponto com um clique, e copie o código CSS pronto para usar.

Ferramentas de Design e CSSAbrir ferramenta

Ferramentas relacionadas

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
Totalmente local

Extrator de Paleta de Cores

Extraia as cores mais dominantes de qualquer imagem, com códigos HEX, RGB e CSS

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de captura de código

Cole código e transforme-o em uma imagem polida com fundo em gradiente e barra de título, pronta para compartilhar

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