Colore e design
Generatore di Sfumature
Generatore di sfumature CSS gratuito. Crea visivamente sfumature lineari, radiali e coniche. Copia istantaneamente il CSS o le classi Tailwind. Anteprima in tempo reale durante la regolazione.
Gradient generator
CSS
background: linear-gradient(135deg, #3b82f6, #a855f7);Tailwind (approx)
bg-gradient-to-br from-[#3b82f6] to-[#a855f7]Nota dell'editore
Understanding · Two colours and a path between them.
Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.
Domande frequenti
Quick answers.
›What gradient types are supported?
Linear, radial and conic — all three CSS gradient types.
›Can I add color stops?
Yes — add as many color stops as you need with custom positions for fine-grained control.
›Does it output Tailwind?
Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).
›Is the generator free?
Yes — fully free, no signup, runs in your browser.
Le persone cercano anche
Use with
What people reach for next.
Strumenti correlati
More in this room.
- Generatore Box ShadowEditor visuale di box-shadow CSS.
- Generatore Border RadiusEditor border-radius CSS per angolo.
- Editor Cubic BezierDisegna visivamente curve di easing CSS.
- Generatore di Animazioni CSSCrea keyframes visivamente, copia CSS pronto-all'uso.
- Generatore di Filtri CSSAnteprima in tempo reale di sfocatura, luminosità, rotazione-tinta e altro.
- Generatore GlassmorphismSchede UI effetto vetro smerigliato con backdrop-filter.