✨ Gradyan Oluşturucu
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
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.
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.
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.
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.
Gelişmiş özelliklerle renk paletleri oluşturun, görüntüleyin ve yönetin. Renk teorisi kullanarak paletler oluşturun, çeşitli formatlardan içe aktarın, erişilebilirlik kontrastını kontrol edin ve CSS, SCSS, Tailwind, JSON veya PNG formatlarına aktarın.
Görsellerinizi çıkarılan renk paletleriyle birleştirerek çarpıcı görsel kolajlar oluşturun. Herhangi bir görseli yükleyerek baskın renklerini otomatik olarak çıkarın ve özelleştirilebilir düzenler, stiller ve en-boy oranlarıyla güzel kompozisyonlar yaratın.
Gelişmiş renk bilimi kullanarak CMYK renklerini en yakın Pantone eşleşmelerine dönüştürün. Gerçek zamanlı renk karşılaştırma ve kopyalama işlevselliği ile popüler Pantone renklerinin derlenmiş bir koleksiyonuna göz atın.
Renk seçicileri kullanarak ilk ve ikinci renklerinizi seçin veya onaltılık renk kodlarını doğrudan metin girişlerine girin.
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.
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.
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.
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.
Sezgisel ok kontrolleriyle yatay, dikey ve çapraz yönlendirmeler dahil doğrusal gradyanlar için 8 farklı yönden birini seçin.
Projeleriniz için yeni gradyan fikirleri ve yaratıcı renk şemaları keşfetmek üzere anında rastgele renk kombinasyonları oluşturun.
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.
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.
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.
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.
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.