Skip to content

Gradyan Oluşturucu

Ücretsiz CSS gradyan oluşturucu. Doğrusal, radyal ve konik gradyanları görsel olarak oluşturun. CSS veya Tailwind sınıflarını anında kopyalayın. Ayarlarken canlı önizleme.

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

Sıkça sorulan sorular

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

İnsanlar ayrıca şunları arar