Ücretsiz araç

Gradient Yapıcı

Linear, radial ve conic gradient tasarla; CSS, SwiftUI, Jetpack Compose ve Tailwind için canlı kod al. 1080×1920 PNG dışa aktar.

Tür

Açı 135°

Renk durakları

Hazır ayarlar

Gradient ipuçları

Uygulama arka planları için analog renkler kullan (renk çemberinde birbirine yakın olanlar) — iki rastgele renkten çok daha akıcı görünür.
Geçişi "bükmek" için ortaya 3. bir durak ekle — gün doğumu / gün batımı görünümleri için birebir.
Koyu UI vurguları için, orta doygunluktaki bir rengi saf siyah yerine #0a0a0a ile karıştır — saf siyah bantlanmaya yol açar.
Android'de renk bantlanmasına dikkat et; küçük bir dither ekleyerek önle (Compose: .background(brush, alpha = 1f) + üzerine gürültü katmanı).
Konik gradientler uygulama ikonları için harikadır ama ekran arka planları için kötüdür — her zaman baş döndürücü hissettirir.

LaunchShots; gradient, ekran görüntüsü ve başlığı tek seferde üst üste bindirir.