🛠️ Tarayıcı Aracı
Kullanımı kolay gradyan oluşturucumuzla çarpıcı CSS doğrusal ve radyal gradyanlar oluşturun. Web projeleriniz için anında renkleri seçin, yönleri belirleyin ve CSS kodunu kopyalayın.
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
View all →Etkileşimli Renk Çarkı
Etkileşimli renk çarkımızla çarpıcı renk uyumları oluşturun. Tamamlayıcı, üçlü, analog ve diğer renk şemalarını üretin. CSS, SCSS, Tailwind, PNG, PDF veya JSON olarak dışa aktarın.
Görsel Renk Seçici Online
Herhangi bir görselden çevrimiçi olarak ücretsiz renkleri çıkarın. Bir görsel yükleyin, renkleri seçmek için tıklayın ve HEX, RGB, HSL ve CMYK değerlerini alın. Renk paletleri oluşturun ve dışa aktarın.
Popüler Renk Geçişleri Kütüphanesi
100'den fazla çarpıcı renk geçişinden oluşan özenle seçilmiş koleksiyonumuzu keşfedin. Bireysel renkleri görmek, CSS kodunu anında kopyalamak ve tasarımlarınız için mükemmel gradient kombinasyonlarını bulmak için gradient örneklerine tıklayın.
Popüler Renk Kütüphanesi
20 kategoriye ayrılmış, 500'den fazla popüler adlandırılmış renkten oluşan kapsamlı kütüphanemize göz atın. Renkleri isme veya HEX koduna göre arayın, değerleri anında kopyalayın ve temelden vintage'a kadar renk gruplarını keşfedin.
Popüler Renk Paletleri Kütüphanesi
Kategoriye göre düzenlenmiş 200'den fazla profesyonel renk paletine göz atın. Renkleri anında kopyalayın, paletleri favorilerinize ekleyin, CSS, JSON, PNG veya PDF olarak dışa aktarın. Tasarımcılar ve geliştiriciler için mükemmeldir.
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.