chevron_right

Gerador de gradientes

Crie gradientes CSS visualmente com pré-visualização ao vivo.

Tipo

LinearRadialConic

Ângulo: 135°

Paradas de cor

100%

Predefinições

CSS gerado

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

Ferramentas semelhantes

Gerador de text-shadow

Crie efeitos de CSS text-shadow com pré-visualização ao vivo.

Gerador de Texto com Gradiente CSS

Crie estilos de texto com gradiente usando controles visuais, preview ao vivo e CSS pronto para copiar.

Gerador de Keyframes CSS

Crie keyframes CSS personalizados visualmente com preview ao vivo e codigo pronto para copiar.

Gerador CSS Grid

Monte layouts CSS Grid responsivos com visualização ao vivo e código pronto para copiar.

Gerador de IBAN

Gere números IBAN válidos para mais de 30 países com dígitos de verificação corretos (ISO 13616 mod-97).

Extrator de tabelas PDF

Encontra as tabelas de um PDF e exporta-as para CSV ou XLSX, mostrando o método de deteção e a confiança de cada tabela.

Visualizador de Imagens RAW

Pré-visualize arquivos RAW de câmera (CR2, NEF, ARW, DNG, RAF, ORF, RW2 e mais) extraindo a prévia JPEG embutida.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Monte gradientes visualmente antes de refiná-los no código

Gradientes ficam mais complicados rapidamente quando você começa a combinar ângulo, tipo e várias paradas de cor. Esta ferramenta ajuda a explorar essas decisões de forma visual e copiar um CSS limpo quando a direção já estiver definida.

Quando ela é mais útil

Funciona muito bem para fundos hero, botões, overlays e texturas sutis de marca. Depois de gerar o gradiente, vale testá-lo com texto real e elementos de interface para perceber cedo problemas de contraste ou banding.