Skip to content

Generator Gradien

Generator gradien CSS gratis. Buat gradien linear, radial, dan konik secara visual. Salin CSS atau kelas Tailwind secara instan. Pratinjau langsung saat Anda menyesuaikan.

Runs in your browserUpdated Apr 26, 2026

Gradient generator

CSS

background: linear-gradient(135deg, #3b82f6, #a855f7);
css

Tailwind (approx)

bg-gradient-to-br from-[#3b82f6] to-[#a855f7]
css

Pertanyaan yang sering diajukan

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

Orang juga mencari