DCPIXEL
Tất cả công cụ

CSS Gradient Genera → r

Chuyển đổi CSS Gradient Genera → r Trực tuyến. Miễn phí, không cần tải lên, 100% trong trình duyệt & 🔒 100% Riêng tư & Bảo mật.

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%);

CSS Gradient Genera → r

DCPIXEL trong trình duyệt: CSS Gradient Genera → r (Trực tuyến). không cần tải lên, 🔒 100% Riêng tư & Bảo mật. 100% RAM (trong vài giây).

🔐 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.

Câu hỏi thường gặp

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

GIF Maker

GIF Maker Trực tuyến. Miễn phí, không cần tải lên, 100% trong trình duyệt & 🔒 1...

Barcode Genera → r

Chuyển đổi Barcode Genera → r Trực tuyến. Miễn phí, không cần tải lên, 100% tron...

App Icon Genera → r

Chuyển đổi App Icon Genera → r Trực tuyến. Miễn phí, không cần tải lên, 100% tro...

Các công cụ khác đang được dịch — hãy xem danh mục đầy đủ bằng tiếng Anh.

Tất cả công cụ →