Crea splendide sfumature CSS lineari e radiali con il nostro generatore di sfumature facile da usare. Scegli i colori, seleziona le direzioni e copia istantaneamente il codice CSS per i tuoi progetti web.
Scegli i Colori
Seleziona il tuo primo e secondo colore usando i selettori di colore o inserisci direttamente i codici colore esadecimali nei campi di testo.
Seleziona il Tipo di Sfumatura
Scegli tra sfumatura lineare per transizioni di colore direzionali o sfumatura radiale per transizioni di colore circolari dal centro verso l'esterno.
Imposta la Direzione
Per le sfumature lineari, scegli tra 8 opzioni di direzione, inclusi destra, sinistra, alto, basso e direzioni diagonali, utilizzando i pulsanti freccia.
Copia il Codice CSS
Clicca il pulsante 'Copia CSS' per copiare la proprietà CSS di sfondo completa negli appunti, pronta per essere incollata nei tuoi fogli di stile.
Sfumature Lineari e Radialli
Crea sia sfumature lineari che radiali con il controllo completo sulla selezione dei colori e sulla direzione della sfumatura. Passa da un tipo di sfumatura all'altro istantaneamente.
Controlli a 8 Direzioni
Scegli tra 8 diverse direzioni per le sfumature lineari, incluse le orientazioni orizzontali, verticali e diagonali, con intuitivi controlli a freccia.
Generazione Colori Casuali
Genera istantaneamente combinazioni di colori casuali per scoprire nuove idee di sfumature e schemi di colore creativi per i tuoi progetti.
Copia Istantanea CSS
Copia il codice CSS della sfumatura generato negli appunti con un clic. Proprietà CSS di sfondo pronta all'uso per un'implementazione immediata.
Un generatore di sfumature CSS è uno strumento che crea sfumature di sfondo CSS combinando due o più colori in transizioni fluide. Il nostro creatore di sfumature genera proprietà CSS linear-gradient e radial-gradient che possono essere utilizzate direttamente nello sviluppo web. Le sfumature lineari creano transizioni di colore direzionali, mentre le sfumature radiali creano transizioni circolari da un punto centrale. Lo strumento offre un'anteprima in tempo reale e genera codice CSS compatibile con i browser per gli standard web moderni.
Anteprima Visiva in Tempo Reale
Vedi le modifiche della tua sfumatura istantaneamente con un'ampia area di anteprima che mostra esattamente come apparirà la tua sfumatura nei tuoi progetti web.
Output CSS Perfetto
Il codice CSS generato è ottimizzato e pronto all'uso con la sintassi corretta per la proprietà background, compatibile con tutti i browser moderni.
Controlli di Direzione Intuitivi
Pulsanti freccia facili da usare per impostare le direzioni della sfumatura, rendendo semplice creare esattamente l'orientamento di cui hai bisogno per il tuo design.
Ispirazione Creativa
Il generatore di colori casuali aiuta a scoprire nuove combinazioni di colori e fornisce ispirazione creativa per i tuoi design di sfumature e schemi di colore.
Le sfumature lineari creano transizioni di colore in una direzione retta (orizzontale, verticale o diagonale), mentre le sfumature radiali creano transizioni di colore circolari che si irradiano verso l'esterno da un punto centrale.
Sì, puoi inserire qualsiasi codice colore esadecimale valido direttamente nei campi di testo accanto ai selettori di colore. Lo strumento accetta codici esadecimali a 6 cifre come #ff6b6b o #6bc1ff.
Copia il codice CSS e incollalo nel tuo foglio di stile. Il codice generato è una proprietà di background completa che puoi applicare a qualsiasi elemento HTML per visualizzare la sfumatura.
Sì, il CSS generato utilizza la sintassi standard linear-gradient e radial-gradient che è supportata da tutti i browser moderni, inclusi Chrome, Firefox, Safari ed Edge.
Attualmente, il nostro strumento si concentra su sfumature a due colori per semplicità e un design pulito. Puoi modificare il codice CSS generato per aggiungere ulteriori stop di colore se necessario.