Renkleri Seçin
Renk seçicileri kullanarak ilk ve ikinci renklerinizi seçin veya onaltılık renk kodlarını doğrudan metin girişlerine girin.
Gradyan Türünü Seçin
Yönlü renk geçişleri için doğrusal gradyan veya merkezden dışa doğru dairesel renk geçişleri için radyal gradyan arasında seçim yapın.
Yönü Belirleyin
Doğrusal gradyanlar için, ok düğmelerini kullanarak sağ, sol, üst, alt ve çapraz yönler dahil 8 yön seçeneğinden birini seçin.
CSS Kodunu Kopyalayın
Tüm arka plan CSS özelliğini panonuza kopyalamak için 'CSS'i Kopyala' düğmesine tıklayın, stil sayfalarınıza yapıştırmaya hazır.
Doğrusal ve Radyal Gradyanlar
Renk seçimi ve gradyan yönü üzerinde tam kontrolle hem doğrusal hem de radyal gradyanlar oluşturun. Gradyan türleri arasında anında geçiş yapın.
8 Yön Kontrolü
Sezgisel ok kontrolleriyle yatay, dikey ve çapraz yönlendirmeler dahil doğrusal gradyanlar için 8 farklı yönden birini seçin.
Rastgele Renk Oluşturma
Projeleriniz için yeni gradyan fikirleri ve yaratıcı renk şemaları keşfetmek üzere anında rastgele renk kombinasyonları oluşturun.
Anında CSS Kopyalama
Oluşturulan CSS gradyan kodunu tek tıklamayla panonuza kopyalayın. Anında uygulama için kullanıma hazır CSS arka plan özelliği.
CSS gradyan oluşturucu, iki veya daha fazla rengi pürüzsüz geçişlerle birleştirerek CSS arka plan gradyanları oluşturan bir araçtır. Gradyan oluşturucumuz, web geliştirmede doğrudan kullanılabilen CSS linear-gradient ve radial-gradient özelliklerini üretir. Doğrusal gradyanlar yönlü renk geçişleri oluştururken, radyal gradyanlar bir merkez noktasından dışa doğru dairesel geçişler oluşturur. Araç, gerçek zamanlı önizleme sunar ve modern web standartları için tarayıcı uyumlu CSS kodu üretir.
Gerçek Zamanlı Görsel Önizleme
Gradyanınızın web projelerinizde tam olarak nasıl görüneceğini gösteren geniş bir önizleme alanı ile gradyan değişikliklerinizi anında görün.
Mükemmel CSS Çıktısı
Oluşturulan CSS kodu, arka plan özelliği için doğru sözdizimi ile optimize edilmiştir ve tüm modern tarayıcılarla uyumludur.
Sezgisel Yön Kontrolleri
Gradyan yönlerini ayarlamak için kullanımı kolay ok düğmeleri, tasarımınız için tam olarak ihtiyacınız olan yönlendirmeyi oluşturmayı basitleştirir.
Yaratıcı İlham
Rastgele renk oluşturucu, yeni renk kombinasyonları keşfetmenize yardımcı olur ve gradyan tasarımlarınız ve renk şemalarınız için yaratıcı ilham sağlar.
Doğrusal gradyanlar düz bir çizgi yönünde (yatay, dikey veya çapraz) renk geçişleri oluştururken, radyal gradyanlar bir merkez noktasından dışa doğru yayılan dairesel renk geçişleri oluşturur.
Evet, renk seçicilerin yanındaki metin girişlerine doğrudan geçerli herhangi bir onaltılık renk kodu girebilirsiniz. Araç, #ff6b6b veya #6bc1ff gibi 6 haneli onaltılık kodları kabul eder.
CSS kodunu kopyalayın ve stil sayfanıza yapıştırın. Oluşturulan kod, gradyanı görüntülemek için herhangi bir HTML öğesine uygulayabileceğiniz eksiksiz bir arka plan özelliğidir.
Evet, oluşturulan CSS, Chrome, Firefox, Safari ve Edge dahil tüm modern tarayıcılar tarafından desteklenen standart linear-gradient ve radial-gradient sözdizimini kullanır.
Şu anda, aracımız basitlik ve temiz tasarım için iki renkli gradyanlara odaklanmaktadır. Gerekirse ek renk durakları eklemek için oluşturulan CSS kodunu değiştirebilirsiniz.
Renk Kontrast Denetleyici
Web erişilebilirliği uyumluluğu için renk kontrast oranlarını kontrol edin. Metin ve arka plan rengi kombinasyonlarını WCAG yönergelerine göre gerçek zamanlı önizleme, erişilebilirlik derecelendirmeleri ve iyileştirme önerileriyle test edin.
