Generatore testo sfumato CSS
Genera codice CSS per applicare sfumature al testo. Visualizza in anteprima colori, direzione e regolazioni dell'intervallo in tempo reale.
.gradient-text {
background: linear-gradient(to right, #ec4899 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 48px;
font-weight: 700;
}Come usare
Inserisci testo
Inserisci il testo a cui applicare una sfumatura
Imposta sfumatura
Regola colori, direzione, tipo di sfumatura, ecc.
Copia CSS
Copia il codice CSS generato
Funzionalità
Anteprima in tempo reale
Visualizza in anteprima il testo sfumato in tempo reale
Vari tipi di sfumatura
Supporta sfumature lineari, radiali e coniche con più punti di colore
Preset inclusi
Applica preset di sfumatura popolari con un clic
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 Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).