CSS Gradyan Oluşturucu

Doğrusal veya dairesel iki renkli CSS gradyanı oluşturun; Generate, seçtiğiniz renklerle /web-tools/GenerateCssGradient uç noktasına POST atar—canlı önizleme tarayıcıda güncellenebilir.

#ff6b6b
#4ecdc4
Gün batımı
Okyanus
Gül
Gökyüzü
Doğa
Gün doğumu
CSS Gradyanı Başarıyla Oluşturuldu
Tür
Doğrusal
Yön
Sağa
Başlangıç Rengi
#ff6b6b
Bitiş Rengi
#4ecdc4
Oluşturulan CSS Gradyanı
CSS Gradyanı Oluşturma Hatası

İpuçları

Renkleriniz kullanılır

Generate, seçtiğiniz başlangıç ve bitiş renklerini gönderir; CSS rastgele renklerle doldurulmaz.

Yalnızca linear ve radial

Tür linear veya radial olmalıdır. Konik (conic) gradyan üretilmez.

Önizleme ve Generate

Canlı önizleme seçenekleri değiştirirken tarayıcıda güncellenebilir; Generate yine de nihai CSS için Toolomix’e POST atar.

İki renk durağı

İstek startColor ve endColor destekler. Çok duraklı gradyanlar için CSS’i kopyalayıp durakları elle ekleyin.

Sunucu Generate uç noktası

Generate, direction, type, startColor ve endColor ile /web-tools/GenerateCssGradient adresine POST atar.

Linear ve radial türler

CssGradientRequest type yalnızca linear veya radial kabul eder—conic yok.

Kullanıcı seçimli renkler

Seçtiğiniz (veya hazır settten uyguladığınız) renkler gönderilir ve dönen CSS’te kullanılır.

İsteğe bağlı canlı önizleme

Generate’i çağırmadan önce seçenekleri ayarlarken arayüz istemci tarafı önizleme gösterebilir.

Bu araç ne yapar

CSS Gradyan Oluşturucu, iki renkli doğrusal veya dairesel bir CSS gradyanı oluşturmanıza ve sonuç background değerini kopyalamanıza yardımcı olur.

Generate, yönünüzü, türünüzü ve renklerinizi Toolomix’e (/web-tools/GenerateCssGradient) gönderir. Canlı önizleme kontrolleri değiştirirken istemci tarafında güncellenebilir.

Nasıl kullanılır

Tür ve yön seçin

Linear veya radial seçin; ardından yön (linear için) veya circle/ellipse gibi bir şekil (radial için) belirleyin.

Başlangıç ve bitiş renklerini ayarlayın

Renk seçicilerle seçin veya hızlı bir hazır set uygulayın; Generate bu değerleri kullanır.

Oluşturun ve kopyalayın

Generate’e tıklayarak Toolomix’e POST edin, dönen CSS’i stil dosyanıza kopyalayın.

Desteklenen girdiler ve çıktı

Girdi: gradyan türü (linear|radial), yön/şekil dizesi ve iki renk değeri. Çıktı: bu parametrelere dayalı CSS gradyan sözdizimi.

Bu bir dosya dönüştürücü değildir ve görüntü/PDF yükleme ara katmanını kullanmaz.

İşleme ve gizlilik

Generate ayarlarınızı Toolomix’te /web-tools/GenerateCssGradient adresine POST eder. Bu adım yalnızca tarayıcıda değildir.

Canlı önizleme yine de tarayıcıda çalışabilir. İsteklerin ve günlüklerin nasıl işlendiği için Gizlilik Politikası’na bakın.

Sınırlamalar

Bilinen sınırlar

  • Konik (conic) gradyan yok
  • İstek modelinde yalnızca iki renk durağı (başlangıç ve bitiş)
  • Generate başarılı bir sunucu yanıtı gerektirir
  • Tam bir tasarım sistemi veya çok katmanlı arka plan oluşturucu değildir

Sorun giderme

Generate başarısız olursa ağ bağlantınızı kontrol edip yeniden deneyin; düğme /web-tools/GenerateCssGradient yanıtına bağlıdır.

Önizleme doğru görünüyor ama Generate sonrası kopyalama başarısızsa Generate’i yeniden çalıştırıp dönen sonuçta CSS’i Kopyala’yı kullanın.

Sıkça Sorulan Sorular

Generate yalnızca tarayıcıda mı çalışır?

Hayır. Generate, CssGradientRequest’i Toolomix’teki /web-tools/GenerateCssGradient adresine POST eder. Canlı önizleme bu çağrı olmadan tarayıcıda güncellenebilir.

Hangi gradyan türleri desteklenir?

Yalnızca linear ve radial. Conic yoktur.

Renkler rastgele mi?

Hayır. Seçtiğiniz başlangıç ve bitiş renkleri istekte gönderilir ve CSS çıktısında kullanılır.

API hangi alanları bekler?

CssGradientRequest üzerinde direction, type (linear|radial), startColor ve endColor.

İkiden fazla renk kullanabilir miyim?

Oluşturucu iki duraklı bir gradyan üretir. Gerekirse çıktıyı başlangıç noktası alıp stil dosyanızda ek duraklar ekleyin.

Dosya yükler miyim?

Hayır. Formda seçenekleri yapılandırırsınız; bu araçta dosya yükleme akışı yoktur.

CSS modern tarayıcılarda çalışır mı?

linear-gradient ve radial-gradient güncel tarayıcılarda yaygındır. Hedef ortamlarınızda yine de doğrulayın.

Diğer Ücretsiz Araçları Deneyin

Şimdi deneyin

Tür, yön ve renkleri seçin; Generate ile seçimlerinize göre Toolomix’ten CSS alın.