Skip to content

Renk ve Tasarım

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 browser

Gradient generator

CSS

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

Tailwind (approx)

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

Editörün notu

Understanding · Two colours and a path between them.

Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.

Sıkça sorulan sorular

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.

İnsanlar ayrıca şunları arar

Use with

What people reach for next.

İlgili araçlar

More in this room.

Tümünü gör Renk ve Tasarım