Easy24Easy24
PDFGörselVideoMetinDönüştürÜretHesaplaGeliştiriciGüvenlikZaman

CSS Gradyan Oluşturucu

Doğrusal ve radyal CSS gradyanları tasarla; üç renk durağına kadar. Canlı önizleme, hazır şablonlar, hex girişi, kopyala veya indir.

GizliTarayıcıdaAnındaLimitsiz
%
%

background-color düz renk yedekidir; background-image gradyanı tutar. İkisini de stil dosyana yapıştır.

Nasıl çalışır

1

Gradyan türünü seç

Linear gradyanlar bir açı boyunca akar; radial gradyanlar merkezden dışa yayılır. Hızlı başlangıç için hazır şablon dairesine tıkla.

2

Renkleri ve yönü ayarla

Başlangıç ve bitiş renklerini seçici veya hex alanıyla belirle. Üç renkli karışımlar için orta durağı aç. Açı hazır ayarlarını veya radial şekli seç.

3

CSS kopyala veya indir

Önizleme canlı güncellenir. background-color ve background-image CSS'ini kopyala veya gradient.css olarak indir.

CSS gradyan nedir?

CSS gradyanı, görsel dosyası olmadan iki veya daha fazla rengi yumuşak geçişle birleştirir. Tasarımcılar hero arka planları, düğmeler ve kartlar için kullanır. Bu oluşturucu herhangi bir stil sayfasına yapıştırabileceğiniz standart background-image sözdizimi üretir.

Neden bu araç

  • Linear ve radial gradyanlar
  • Canlı önizlemeli iki veya üç renk durağı
  • Hex girişi, değiştir, rastgele ve altı hazır şablon
  • Açı hızlı seçimleri (0°–270°)
  • Yedek renkli CSS kopyala veya indir
  • Limitsiz kullanım — günlük tavan yok

Sorular

CSS Gradyan Oluşturucu ne işe yarar?

Linear veya radial arka plan gradyanları oluşturur ve canlı önizlemeyle yapıştırılmaya hazır CSS verir.

Orta renk durağı nedir?

Başlangıç ve bitiş arasında %50'de üçüncü bir renk ekler; gün batımı, gökkuşağı ve üç tonlu geçişler için uygundur.

Linear ile radial farkı?

Linear seçilen açı boyunca düz çizgide solar. Radial merkezden dışa yayılır — spot ışık ve küre efektleri için iyidir.

Neden background-color var?

Eski tarayıcılar ve gradyan görseli yüklenirken yedek renk olarak kullanılır.

Girdi bir sunucuya gider mi?

Hayır. Önizleme ve CSS üretimi tamamen bu sekmede olur.

Günlük limit var mı?

Hayır. Bu araçta günlük tavan yok.

Easy24 işine yaradıysa kahve ısmarla

Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.

Kahve ısmarla

Benzer Geliştirici araçları

Tümünü gör

JSON Biçimlendirici

Geliştirici

JSON'u tarayıcıda güzelleştir, küçült, doğrula ve anahtarları sırala. 2 veya 4 boşluk girinti, dosya içe aktarma ve indirme.

Aç

Meta Etiket Üretici

Geliştirici

SEO başlık, açıklama, Open Graph, Twitter Card ve canonical etiketlerini canlı sosyal önizleme ile oluştur. Tarayıcıda çalışır.

Aç

HTML Entity Kodlayıcı

Geliştirici

HTML entity kodla ve çöz: temel kaçışlar, genişletilmiş non-ASCII, adlandırılmış entity'ler ve sayısal &#…; kodları. Canlı önizleme ve yaygın entity kısayolları.

Aç