Gerador de Papel de Parede em Gradiente

Próximo

Gradientes ambientais de três cores com um forte desfoque são o estilo de fundo de toda página de destino SaaS e a maioria dos papéis de parede de desktop lançados nos últimos quatro anos. Esta ferramenta mistura três cores hexadecimais com um ângulo ajustável e um desfoque gaussiano, e exporta o resultado na resolução de desktop, telefone ou fundo do Zoom.

Como criar um papel de parede em gradiente

  1. 1

    Escolha três cores

    Ajuste os valores hexadecimais diretamente ou clique em Randomizar para uma paleta surpresa.

  2. 2

    Defina o ângulo

    0–360°. 135° é a diagonal do "pôr do sol"; 90° é a mistura lateral do "nascer do sol".

  3. 3

    Ajuste o desfoque

    Um desfoque maior oculta as bordas entre as cores e suaviza toda a tela.

  4. 4

    Exporte a imagem

    Baixe na resolução que corresponde ao seu display ou telefone.

Tamanhos de saída recomendados

Alvo Resolução
Desktop 4K 3840 × 2160
Desktop 1440p 2560 × 1440
Desktop 1080p 1920 × 1080
iPhone 15/16 1179 × 2556
Android (moderno) 1080 × 2400
Fundo virtual do Zoom 1920 × 1080

Dicas de paleta que sempre funcionam

  • Par de complementares + neutro: azul, laranja, bege.
  • Trio análogo: escolha três matizes dentro de 60° na roda de cores, roxo, magenta, rosa.
  • Tensão quente-fria: uma quente (pêssego, vermelho), uma fria (verde-água, marinho), uma neutra (creme).
  • Monocromático: uma matiz em três valores cria uma parede sutil e consistente em termos de humor.

Por que o desfoque é importante

Um gradiente de três paradas sem desfoque mostra bordas nítidas nas paradas de cor (o “efeito arco-íris”). Um filter: blur() de 60–100 px em uma grande tela suaviza as transições em lavagens que lembram papéis de parede do macOS Big Sur ou iOS 16.

Pré-visualização CSS ao vivo

background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);

Se você preferir um gradiente nítido sem desfoque, reduza o filtro para 0 e considere mudar para a interpolação in oklch para uma mistura perceptualmente uniforme.

Perguntas frequentes

Um filtro de desfoque amostra pixels fora da tela e esses são transparentes. Para um papel de parede, gere em um tamanho maior, desfoque e depois corte para a resolução final, as bordas permanecem limpas.

Este gerador usa três. Mais cores tendem a parecer um protetor de tela; três é o ponto ideal para um papel de parede calmo.

Não exatamente. As proporções do telefone são mais altas que as do desktop, então o ângulo diagonal é lido de forma diferente. Visualize em cada tamanho alvo e ajuste o ângulo se um parecer estranho.

Não. A tela é desenhada localmente e apenas o download que você aciona sai do navegador.

Ferramentas relacionadas