DCPIXEL
Tutti gli strumenti

Generatore de degradado CSS

Diseña visualmente un degradado lineal o radial y copia el código CSS listo para usar. Instantáneo, hasta 6 paradas de color.

3 free tries left for this tool todayStart free 3-day trial →

Type

Angle135°

Color Stops

0%
100%

CSS Code

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Generatore de degradado CSS

Elige colores, arrastra paradas, y ajusta el ángulo para construir exactamente el degradado que necesitas — el código CSS `background` se actualiza en vivo y está listo para pegar en tu proyecto. También exporta como imagen PNG.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

Domande frequenti

Can I use more than two colors?
Yes, up to 6 color stops. Add a stop, pick its color, and drag its position along the gradient.
Does the CSS code work in all browsers?
Yes. Linear and radial gradients using this syntax are supported in all modern browsers.
Can I export the gradient as an image instead of CSS?
Yes. The Download button exports a 1200×630px PNG of the current gradient — a common size for social media banners and blog covers.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

You Might Also Like

Other tools that work great alongside this one

Creador de GIF

Combina varias imágenes en un GIF animado. Controla el retraso de fotogramas, ta...

Generatore codici a barre

Genera codici a barre standardizzati (EAN-13, UPC, Code 128, Code 39) pronti per...

Generatore de iconos de app

Genera cada tamaño de icono de App Store de iOS y Google Play Store a partir de ...

Altri strumenti sono in fase di traduzione — consulta il catalogo completo in inglese per tutto il resto.

Tutti gli strumenti →