Generatore CSS Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Come usare
Scegli i Colori
Imposta i colori del gradiente
Imposta la Direzione
Configura direzione e tipo del gradiente
Copia
Copia il codice CSS per l'utilizzo
Funzionalità
Editor Visivo
Trascina per regolare le posizioni dei colori
Tipi Multipli
Supporta gradienti lineari, radiali e conici
Preimpostazioni
Gradienti preimpostati belli disponibili
FAQ
🔗Strumenti correlati
Convertitore codici colore
Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.
Selettore di Colori
Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.
Estrattore Colori Immagine
Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.
Selettore Colore Medio Immagine
Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).
Generatore CSS Border Radius
Genera CSS border-radius con controlli individuali per ogni angolo. Include opzioni per raggi ellittici e preimpostazioni di forme popolari.