Strumenti colore

Generatore di gradienti CSS: lineare, radiale, conico

Gratis, senza registrazione, funziona nel browser. Crea un gradiente lineare, radiale o conico con fino a 8 punti colore, guardalo in tempo reale e copia il CSS. Scaricalo come sfondo PNG nelle dimensioni più comuni.

Tipo

Punti di colore

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

La prima riga è un colore pieno per i dispositivi molto vecchi che non mostrano le sfumature.

Parti da un modello

Creato sul tuo dispositivo.

Perché usare Generatore di gradienti CSS

100% gratis
Usalo tutte le volte che vuoi. Senza registrazione, senza filigrana, niente da installare.
Privato per natura
Quello che scrivi resta nel tuo browser e non ci viene mai inviato.
Funziona su qualsiasi dispositivo
Funziona nel browser su Windows, Mac, Linux, Android e iPhone. Nessuna app necessaria.

Come usare Generatore di gradienti CSS

  1. Scegli lineare, radiale o conico, e imposta la direzione.
  2. Scegli i colori e trascina ogni punto nella sua posizione.
  3. Copia il CSS o scarica il gradiente come immagine.

Domande frequenti

Come uso il CSS?
Incollalo nella regola dell'elemento che vuoi colorare. La prima riga è un colore pieno di riserva; la seconda è il gradiente.
Che differenza c'è tra lineare, radiale e conico?
Il lineare sfuma lungo una linea retta, il radiale si espande dal centro e il conico gira intorno al centro come una ruota dei colori.
Posso usare la trasparenza?
Sì. Scrivi un colore come rgba(47, 91, 255, 0.5) in un punto colore.
Viene caricato qualcosa?
No. I gradienti vengono creati sul tuo dispositivo.
Generatore di gradienti CSS è gratis?
Sì. È gratis da usare, senza registrazione e senza niente da installare.

Guide e istruzioni (in inglese)

Strumenti correlati