Çoğu gradyan aracı size sadece bir satır CSS verir. Bu araç ise gradyanı gerçek bir tuval üzerine çizer ve ihtiyacınız olan tam piksel boyutunda bitmiş PNG'yi indirmenizi sağlar - bir telefon duvar kağıdı, 1920x1080 bir masaüstü arka planı, kare bir sosyal medya gönderisi veya özel bir boyut. Hiçbir şey yüklenmez: resim tamamen cihazınızda çizilir ve kaydedilir, böylece renkleriniz ve dosyalarınız özel kalır.
Ücretsiz Gradyan Oluşturucu
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
Tür
Görsel boyutu
px
Renk durak noktaları
Şu boyutta gerçek bir PNG kaydeder 1920×1080 px
Gradyan oluşturucu nedir?
Gradyan oluşturucu, iki veya daha fazla rengi yumuşak bir gradyanda birleştirip indirebileceğiniz bir resim olarak dışa aktaran bir araçtır. Renklerinizi ve durak noktalarınızı seçin, doğrusal veya radyal seçin, boyutu ayarlayın ve bir duvar kağıdı, arka plan, banner veya küçük resim için PNG olarak kaydedin. Hepsi tarayıcınızda çalışır.
Nasıl kullanılır
- 1Doğrusal veya radyal seçin. Doğrusal, belirlediğiniz açıda düz bir çizgi boyunca renkleri birleştirir; radyal ise renkleri merkezden dışarıya doğru bir daire şeklinde yayar.
- 2Renklerinizi ve durak noktalarınızı ayarlayın. Bir renk seçmek için bir renk örneğine tıklayın ve durak noktasını taşımak için kaydırıcısını sürükleyin. 8 durak noktasına kadar ekleyin veya 2'ye kadar azaltın, hızlı bir fikir için Rastgele Yap'a basın.
- 3Görsel boyutunu seçin. Bir hazır ayara dokunun (masaüstü, telefon, kare, sosyal) veya piksel cinsinden özel bir genişlik ve yükseklik girin. Önizleme anında güncellenir.
- 4PNG'yi indirin. Gradyanı tam çözünürlükte bir resim olarak kaydetmek için PNG İndir'e tıklayın veya aynı gradyanı kodda yeniden kullanmak için CSS'i kopyalayın.
Kimler için
- Tasarımcılar ve içerik üreticileri, Photoshop açmadan bir slayt, küçük resim, banner veya hikaye için temiz bir gradyan arka plan resmine ihtiyaç duyanlar.
- Telefon ve masaüstü kullanıcıları, ekranlarının tam çözünürlüğünde özel bir gradyan duvar kağıdı oluşturanlar.
- Geliştiriciler, hafif bir gradyan PNG yer tutucusu veya hero görseli isteyenler, aynı zamanda bunu kodda yeniden oluşturmak için eşleşen CSS de isteyenler.
- Sosyal medya yöneticileri, gönderiler, hikayeler ve kapak görselleri için markaya uygun boyutlarda gradyan arka planlar dışa aktaranlar.
Sık sorulan sorular
Bu gradyan oluşturucu ücretsiz mi?
Evet - yüzde yüz ücretsiz, üyelik gerekmez, filigran yok ve sınır yok. Istediğiniz kadar gradyan görseli oluşturun ve indirin.
Bir sunucuya bir şey yükleniyor mu?
Hayır. Gradyan, tuval kullanılarak tamamen tarayıcınızda çizilir ve kaydedilir. Hiçbir renk, görsel veya kullanım verisi hiçbir yere gönderilmez.
Hangi görsel formatında dışa aktarır?
PNG formatında dışa aktarır, bu da gradyanı sıkıştırma bozulmaları olmadan mükemmel derecede pürüzsüz ve kayıpsız tutar. Dosya, belirlediğiniz tam piksel boyutunda kaydedilir ve duvar kağıdı, arka plan veya yükleme için kullanıma hazırdır.
Bir gradyan duvar kağıdı için hangi boyutu seçmeliyim?
Ekranınızla eşleştirin. Yaygın seçimler çoğu masaüstü için 1920x1080, dikey modda bir telefon için 1080x1920 ve kare bir sosyal medya gönderisi için 1080x1080'dir. 8000 piksele kadar herhangi bir özel genişlik ve yükseklik de girebilirsiniz.
Doğrusal ve radyal gradyan arasındaki fark nedir?
Doğrusal gradyan, seçtiğiniz açıda düz bir çizgi boyunca renkleri birleştirir, böylece renk görsel boyunca değişir. Radyal gradyan ise bir merkez noktadan başlayıp dışarıya doğru bir daire şeklinde yayılır, böylece renk ortadan kenarlara doğru değişir.
Görselle birlikte CSS de alabilir miyim?
Evet. İndirilebilir PNG'nin yanı sıra, araç eşleşen background-image CSS'ini de gösterir. Görsel dosyasını kullanmak yerine aynı gradyanı bir web sitesinde veya uygulamada yeniden oluşturmak için bunu kopyalayın.
Renk durak noktaları nasıl çalışır?
Her durak noktası, gradyan boyunca yüzde 0 ile yüzde 100 arasında bir konumla bir rengi eşleştirir. Karışım, komşu durak noktaları arasında pürüzsüzce ilerler. Aynı konuma iki durak noktası yerleştirmek, yumuşak bir geçiş yerine sert bir kenar oluşturur, bu da çizgili veya renk bloğu arka planlar için kullanışlıdır.