Gerador de Papel de Parede em Gradiente
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
Escolha três cores
Ajuste os valores hexadecimais diretamente ou clique em Randomizar para uma paleta surpresa.
-
2
Defina o ângulo
0–360°. 135° é a diagonal do "pôr do sol"; 90° é a mistura lateral do "nascer do sol".
-
3
Ajuste o desfoque
Um desfoque maior oculta as bordas entre as cores e suaviza toda a tela.
-
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
Não. O gerador desenha o gradiente em uma tela maior que a saída, aplica o desfoque e depois recorta internamente para o tamanho final, então os pixels das bordas nunca são transparentes. O papel de parede baixado mantém as bordas limpas em qualquer nível de desfoque.
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
Referência da Tabela ASCII
Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.
Referência de Caracteres HTML
Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.
Referência de atalhos de teclado
Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.
Conversor de Tamanho de Arquivo
Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.
Validador de Email
Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.
Gerador de EditorConfig
Gere um arquivo .editorconfig com suas regras de estilo e tamanho de indentação, fim de linha, charset e espaços em branco para formatação consistente entre IDEs e editores.
Ferramenta disponível em outros idiomas
- เครื่องมือสร้างภาพพื้นหลังไล่ระดับสี [TH]
- Trình tạo hình nền gradient [VI]
- Generator tapet gradientowych [PL]
- Generador de Fondos de Pantalla en Gradiente [ES]
- Generator för gradientbakgrunder [SV]
- Generator Wallpaper Gradien [ID]
- مولد لوحات خلفية ذات تدرج [AR]
- Verlaufs-Hintergrundbild-Generator [DE]
- グラデーション壁紙ジェネレーター [JA]
- Générateur de fonds d'écran dégradés [FR]
- 그라데이션 배경화면 생성기 [KO]
- Gradient-wallpapergenerator [NL]
- Gradyan Duvar Kağıdı Oluşturucu [TR]
- 渐变壁纸生成器 [ZH]
- Gradient Wallpaper Generator [EN]
- Generatore di Sfondi a Gradiente [IT]
- Генератор градиентных обоев [RU]