Generatore di gradienti CSS

Progetta gradienti e copia il CSS in pochi secondi.

Caricamento…

Scegli il tipo di gradiente, imposta l’angolo e aggiungi fino a sei colori, ognuno nella sua posizione. L’anteprima si aggiorna in tempo reale e il CSS è pronto da copiare nel tuo foglio di stile. Ti serve un’immagine? Scarica il gradiente in PNG in Full HD, 4K, quadrato o formato storia: perfetto per sfondi e social network.

Come creare un gradiente CSS

Passo 1
Scegli lineare, radiale o conico.
Passo 2
Imposta l’angolo e i colori.
Passo 3
Copia il CSS o scarica l’immagine.

Perché usare PhotoTools

Tre tipi

Gradienti lineari, radiali e conici.

CSS pulito

Una riga, pronta da incollare.

Formati per sfondi

PNG fino a 3840 × 2160.

Formati supportati

Uscita

Domande frequenti

Il CSS funziona in tutti i browser?

I gradienti lineari e radiali funzionano ovunque; quelli conici in tutti i browser attuali.

Posso usare più di due colori?

Sì, fino a sei colori, e ognuno può stare in qualsiasi punto del gradiente.

È gratis?

Sì. Gli strumenti del browser di PhotoTools sono gratuiti, illimitati e funzionano senza account.

Generatore di paletteCrea uno schema di colori armonico partendo da un colore.Convertitore di coloriConverti un codice colore in tutti gli altri formati.Selettore colore immagineTrova il colore esatto di qualsiasi pixel di un’immagine.Verifica contrasto coloriAssicurati che il tuo testo sia leggibile per tutti.Palette colori da immagineTrasforma una foto in una palette di colori.Gradiente da immagineTrasforma i colori di una foto in un gradiente.