Esplora la nostra collezione curata di oltre 100 fantastiche sfumature di colore. Clicca sui campioni di sfumatura per visualizzare i singoli colori, copia istantaneamente il codice CSS e trova le combinazioni di sfumature perfette per i tuoi design.
Sfoglia la Collezione di Sfumature
Scorri la griglia dei campioni di sfumatura per esplorare diverse combinazioni di colori e stili. Ogni sfumatura mostra il suo nome e i codici colore.
Visualizza i Singoli Colori
Clicca sulla metà sinistra di una sfumatura per vedere il colore iniziale, oppure clicca sulla metà destra per visualizzare il colore finale. Il codice HEX verrà visualizzato per 2 secondi.
Copia il CSS della Sfumatura
Clicca sul pulsante 'Clicca per copiare la sfumatura' sotto qualsiasi sfumatura per copiare la proprietà CSS 'background' completa negli appunti.
Usa nel Tuo Progetto
Incolla il codice CSS copiato nel tuo foglio di stile o negli stili inline. La sfumatura è pronta per essere utilizzata nel formato linear-gradient.
Oltre 100 Sfumature Selezionate
Accedi a una collezione attentamente selezionata di oltre 100 splendide combinazioni di sfumature, organizzate per stile e tema colore per una facile navigazione.
Anteprima Colore Interattiva
Clicca sulla metà sinistra o destra di qualsiasi campione di sfumatura per visualizzare i singoli colori di inizio e fine con i relativi codici HEX.
Copia CSS con un Clic
Copia istantaneamente il codice CSS linear-gradient pronto all'uso negli appunti con un solo clic sul pulsante di copia.
Griglia Visuale di Sfumature
Sfoglia le sfumature in un layout a griglia pulito e moderno con nomi e codici colore delle sfumature chiaramente visualizzati per una rapida consultazione.
Le sfumature di colore sono transizioni fluide tra due o più colori, creando una fusione visivamente accattivante. Nel web design, i gradienti lineari CSS permettono di creare queste transizioni di colore che fluiscono in una direzione specificata. La nostra libreria offre combinazioni di sfumature curate professionalmente che si armonizzano bene tra loro, facendoti risparmiare tempo nella ricerca di transizioni di colore armoniose per sfondi, pulsanti, schede e altri elementi di design.
Curate Professionalmente
Ogni sfumatura nella nostra collezione è stata accuratamente selezionata per il suo impatto visivo e la versatilità di design, garantendo combinazioni di colori di alta qualità.
CSS Pronto all'Uso
Ottieni codice CSS istantaneo che funziona subito. Non c'è bisogno di scrivere manualmente la sintassi del gradiente o sperimentare con i valori di colore.
Ispezione Interattiva del Colore
Visualizza i singoli colori delle sfumature cliccando su diverse parti del campione, rendendo facile comprendere i colori esatti utilizzati.
Strumento di Design Salva-Tempo
Evita il processo di tentativi ed errori nella creazione di sfumature da zero. Trova rapidamente la sfumatura perfetta e implementala immediatamente nei tuoi progetti.
La libreria contiene oltre 100 combinazioni di sfumature accuratamente selezionate, con vari stili che vanno dalle transizioni sottili a miscele audaci e vivaci, adatte a diverse esigenze di design.
Clicca sulla metà sinistra di un campione di sfumatura per visualizzare il colore iniziale, oppure clicca sulla metà destra per vedere il colore finale. Il codice HEX verrà visualizzato sul campione per 2 secondi.
Lo strumento copia una proprietà CSS 'background' completa con un linear-gradient che va da sinistra a destra (direzione 'to right'). Ad esempio: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Sì, tutte le sfumature nella libreria sono gratuite per l'uso in progetti personali e commerciali senza restrizioni. Le sfumature di colore non possono essere protette da copyright.
Dopo aver copiato il codice CSS, incollalo nel tuo foglio di stile o come stile inline. Puoi applicarlo allo sfondo di qualsiasi elemento, come div, sezioni, pulsanti o schede.
Sì, dopo aver copiato il CSS, puoi cambiare la direzione modificando la parte 'to right' con altri valori come 'to bottom', 'to top', '45deg' o qualsiasi angolo tu preferisca.