İçeriğe atla
TextArray
%100 yerel

CSS degrade oluşturucu

Özel renkler ve açılarla CSS doğrusal ve radyal degrade bildirimleri oluşturun.

Çıkış

CSS degrade oluşturucu

Bir CSS degrade oluşturucusu, saniyeler içinde arka plan degrade bildirimleri oluşturur. Doğrusal degradeler tek bir yönde akar; ince arka planlar veya göz alıcı kaplamalar için mükemmeldir. Radyal degradeler, spot ışığı efektleri veya yumuşak renk geçişleri için ideal olan bir merkez noktadan yayılır. Degrade türünüzü seçin, doğrusal degradeler için açıyı ayarlayın (0-360 derece) ve iki renk seçin; onaltılık kodlar, RGB, RGBA veya adlandırılmış renklerin tümü işe yarar. Araç, stil sayfanıza yapıştırmaya hazır eksiksiz bir CSS arka plan özelliği oluşturur.

Degradeler, modern CSS'deki en çok yönlü tasarım öğelerinden biridir. Görüntü arka planlarına kıyasla dosya boyutunu küçültürler, sonsuz ölçeklendirirler ve tarayıcılarda sorunsuz bir şekilde canlandırırlar. Canlı önizleme, renkleri ve açıları ayarlarken degradenizin tam olarak nasıl göründüğünü gösterir. Çıktıyı kopyalayın ve herhangi bir öğeye (bir sayfa arka planına, bir düğmeye, bir kahraman bölümüne veya bir kart kaplamasına) uygulayın.

Her şey tarayıcınızda çalıştığından renk seçimleriniz ve ayarlarınız gizli kalır. Hiçbir yere veri gönderilmez. Araç çevrimdışı da çalışır, böylece istediğiniz zaman, istediğiniz yerde degradeler oluşturabilirsiniz. İster bir web sitesi tasarlıyor olun, ister bir uygulamanın prototipini yapıyor olun, ister sadece renk kombinasyonlarını deniyor olun, bu oluşturucu iş akışınızı hızlandırır. Açıyı ayarlayın, renkleri değiştirin ve CSS güncellemesini anında görün.

FAQ

CSS gradyanı nedir?
CSS degradesi, doğrudan tarayıcı tarafından oluşturulan yumuşak bir renk geçişidir. Doğrusal degradeler bir çizgi boyunca geçiş yapar; Radyal degradeler bir merkez noktadan yayılır. Her ikisi de hafiftir, ölçeklenebilirdir ve canlandırılabilir.
Farklı yönler için hangi açıyı kullanırım?
Doğrusal degradeler için: 0° soldan sağa, 90° yukarıdan aşağıya, 180° sağdan sola, 270° aşağıdan yukarıya. 0 ila 360 derece arasındaki herhangi bir açı işe yarar. Radyal degradelerde açı kullanılmaz.
Herhangi bir renk formatını kullanabilir miyim?
Evet. Onaltılık kodlar (#FF0000), RGB (rgb(255, 0, 0)), şeffaflığa sahip RGBA (rgba(255, 0, 0, 0,5)), HSL ve adlandırılmış renklerin (kırmızı, mavi) tümü CSS degradelerinde çalışır.
Renk verilerim herhangi bir yere gönderiliyor mu?
Hayır. Bu araç tamamen tarayıcınızda çalışır. Renkleriniz, açılarınız ve ayarlarınız asla cihazınızdan ayrılmaz.