Creatore di gradienti
Crea gradienti ed esporta CSS pulito
Componi gradienti lineari, radiali e conici con anteprime dal vivo, poi copia il CSS, prendi un valore Tailwind o scarica un SVG.
Tipo
Stop di colore
CSS
Preset casuali
FAQ
Domande sul creatore di gradienti
Che tipi di gradienti posso creare?
Gradienti CSS lineari, radiali e conici. Aggiungi, rimuovi e riordina gli stop di colore, trascinali lungo la traccia e regola l’angolo o la posizione con controlli dal vivo.
Come esporto il gradiente?
Copia lo sfondo CSS generato (linear-gradient, radial-gradient o conic-gradient), il valore arbitrario Tailwind corrispondente oppure scaricalo come SVG.
Posso partire da una palette estratta?
Sì. Genera una palette nella pagina Generatore di palette, poi incolla i codici HEX negli stop del gradiente per creare un gradiente abbinato in pochi secondi.
Supporta la trasparenza?
Ogni stop accetta un valore alfa, così puoi sfumare un colore verso la trasparenza in qualsiasi punto del gradiente.
Inizia ora
La tua prossima palette è a un’immagine di distanza
Preleva colori, estrai palette ed esporta codice — gratis, privato e istantaneo.