Esempio di gradiente lineare

Esempio di gradiente cilindrico

Esempio di gradiente radiale

Questa pagina ti permette di creare un'immagine con gradiente a partire da due colori a piacere, nelle dimensioni che preferisci.
Usala come sfondo per un piccolo progetto grafico o come sfondo personalizzato per PC e smartphone.

Sono supportati anche i colori trasparenti e semitrasparenti, così puoi creare un gradiente che sfuma da un colore pieno fino alla trasparenza totale.

Sono disponibili tre tipi di gradiente — "Lineare" (colore 1 → colore 2, dall'alto in basso), "Cilindrico" (colore 1 → colore 2 → colore 1, dall'alto in basso) e "Radiale" (dal centro verso l'esterno) — e ognuno può essere ruotato.

Per scegliere un colore, fai clic sulla cella colorata nel campo "Colore di riempimento 1" o "Colore di riempimento 2": si apre un selettore di colori in cui puoi indicare la tinta che preferisci.
Il selettore include una serie di colori pastello, e scegliere due pastelli vicini tra loro tende a dare un risultato armonioso.

Puoi anche regolare liberamente la tonalità esatta.
Per regolare la tinta (rosso, giallo e così via), sposta su e giù il cursore che si trova secondo da destra nel selettore di colori.
Anche due tonalità dello stesso colore, una chiara e una scura, danno un gradiente pulito ed elegante.

Per i colori semitrasparenti, imposta il "Formato di output" su "PNG (consigliato)" e sposta il cursore dell'opacità all'estrema destra del selettore di colori.
(* La trasparenza è supportata solo nel formato PNG.)

Per un uso avanzato, puoi anche digitare il colore direttamente nel campo in fondo al selettore, come codice colore HTML (ad esempio "#000000") o come valore RGBA (ad esempio "rgba(0, 0, 0, 1)").

I formati di file supportati sono PNG (consigliato), JPEG, GIF e BMP.

La dimensione massima è di 5120px sia in larghezza sia in altezza.