Generatore di Sfondi a Gradiente
Sfumature ambientali a tre colori con una forte sfocatura sono lo stile di sfondo di ogni pagina di atterraggio SaaS e della maggior parte degli sfondi desktop rilasciati negli ultimi quattro anni. Questo strumento mescola tre colori esadecimali con un angolo regolabile e una sfocatura gaussiana, ed esporta il risultato alla risoluzione per desktop, telefono o sfondo Zoom.
Come creare uno sfondo a gradiente
-
1
Scegli tre colori
Modifica i valori esadecimali direttamente o premi Randomizza per una palette a sorpresa.
-
2
Imposta l'angolo
0–360°. 135° è la diagonale "tramonto"; 90° è la miscela laterale "alba".
-
3
Regola la sfocatura
Una sfocatura maggiore nasconde i confini tra i colori e ammorbidisce l'intero canvas.
-
4
Esporta l'immagine
Scarica alla risoluzione che corrisponde al tuo display o telefono.
Dimensioni di output consigliate
| Destinazione | Risoluzione |
|---|---|
| Desktop 4K | 3840 × 2160 |
| Desktop 1440p | 2560 × 1440 |
| Desktop 1080p | 1920 × 1080 |
| iPhone 15/16 | 1179 × 2556 |
| Android (moderno) | 1080 × 2400 |
| Sfondo virtuale Zoom | 1920 × 1080 |
Suggerimenti per palette che funzionano sempre
- Coppia complementare + neutro: blu, arancione, beige.
- Trio analogo: scegli tre tonalità entro 60° sulla ruota dei colori, viola, magenta, rosa.
- Tensione caldo-freddo: uno caldo (pesca, rosso), uno freddo (teal, blu navy), uno neutro (crema).
- Monocromatico: una tonalità in tre valori crea una parete sottile e coerente con l’umore.
Perché la sfocatura è importante
Un gradiente a tre stop senza sfocatura mostra confini netti ai punti di colore (l’“effetto arcobaleno”). Un filter: blur() di 60–100 px su un grande canvas ammorbidisce le transizioni in lavaggi che ricordano gli sfondi di macOS Big Sur o iOS 16.
Anteprima CSS dal vivo
background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);
Se preferisci un gradiente nitido senza sfocatura, abbassa il filtro a 0 e considera di passare all’interpolazione in oklch per una miscelazione percettivamente uniforme.
Domande frequenti
Un filtro di sfocatura campiona pixel al di fuori del canvas e questi sono trasparenti. Per uno sfondo, genera a una dimensione maggiore, sfoca, poi ritaglia alla risoluzione finale, i bordi rimangono puliti.
Questo generatore utilizza tre colori. Più colori tendono a sembrare uno screensaver; tre è il punto ideale per uno sfondo calmo.
Non esattamente. I rapporti dei telefoni sono più alti rispetto ai desktop, quindi l’angolo diagonale appare diverso. Anteprima a ciascuna dimensione target e regola l’angolo se uno sembra sbagliato.
No. Il canvas viene disegnato localmente e solo il download che attivi lascia il browser.
Strumenti correlati
Generatore di lettere casuali
Genera lettere A-Z casuali. Scegli la quantità, usa maiuscole, minuscole o un mix, e applica il risultato a giochi, spunti o attività in classe.
Generatore di Palette di Colori
Genera palette monocromatiche, analoghe, complementari, triadiche o tetradiche da un colore base HEX ed esporta variabili CSS pronte da copiare.
Generatore di palette colori casuali
Genera palette casuali da 2 a 15 campioni, scegli uno stile vivace, pastello, tenue o scuro e copia codici HEX o variabili CSS.
Convertitore BBCode in HTML
Converti BBCode (markup per forum) in HTML pulito. Gestisce tag di formattazione, elenchi, citazioni, codice, immagini, link e tabelle.
Selettore colore HEX
Scegli un colore a colpo d’occhio e ottieni i valori HEX, RGB, HSL, HSV e CMYK, con il contrasto su bianco e nero.
Generatore di colori casuali
Genera da 1 a 50 colori HEX casuali con campioni da visualizzare, copiare e usare in CSS, test o studio di palette.