İçeriğe geç
AppKitly

Gradyan Oluşturucu

Uygulama arka planları, düğmeler ve mağaza görselleri için yumuşak doğrusal veya dairesel gradyanlar oluştur, CSS kodunu tek tıkla kopyala.

Ayarlar

Gradyan türü
135°

Renkler

  1. 0%
  2. 100%

Hazır gradyanlar

CSS kodu

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

Gradyan Oluşturucu nasıl kullanılır?

  1. Doğrusal veya dairesel bir gradyan seç.

  2. En fazla beş renk seç ve her birinin nerede başlayacağını ayarla.

  3. Açıyı ya da dairesel gradyanın şeklini ve merkezini ayarla.

  4. CSS'i kopyala ve stil dosyana yapıştır.

Özellikler

  • Canlı önizleme

    Her değişikliği büyük bir önizlemede anında gör.

  • Beş renge kadar

    Renk ekle ve her birinin gradyan üzerindeki konumunu ayarla.

  • Hazır ve rastgele

    Seçilmiş hazır gradyanlardan başla ya da aracın rastgele bir gradyan önermesine izin ver.

  • Kullanıma hazır CSS

    Kod, gradyandan önce düz renkli bir yedek satır da içerir.

Sıkça sorulan sorular

Gradyanı web sitemde nasıl kullanırım?

CSS'i kopyala ve öğenin kuralına yapıştır. İlk satır çok eski tarayıcılar için düz bir renk, ikinci satır gradyanı tanımlar.

Gradyanı Android veya iOS uygulamasında kullanabilir miyim?

Evet, aynı renkleri ve açıyı kullan. Android'de bir gradient drawable veya Jetpack Compose'da Brush, iOS'ta ise SwiftUI'daki LinearGradient ile uygulayabilirsin.

Doğrusal ve dairesel gradyan arasındaki fark nedir?

Doğrusal gradyan, seçtiğin açıda düz bir çizgi boyunca renk değiştirir. Dairesel gradyan ise bir merkez noktasından daire veya elips şeklinde yayılır.

Bir gradyanda kaç renk olabilir?

Bu araç iki ile beş arasında rengi destekler; bu da neredeyse her tasarım için yeterlidir.

İlgili rehberler

Bu aracın arkasındaki mağaza gereksinimleri hakkında daha fazlasını öğren.

İlgili araçlar

Aynı sürüm için işine yarayacak diğer ücretsiz araçlar.