CSS gradyan oluşturucu
Web siteleri, sunumlar ve sosyal medya görselleri için renk geçişleri oluşturun. Açıyı ve renk duraklarını ayarlayın; hazır CSS kodunu kopyalayın veya istediğiniz boyutta PNG/SVG arka plan indirin.
Ücretsiz · Kayıt gerekmez · Tarayıcıda çalışır
Dosyalarınız sunucuya yüklenmez; tüm işlem tarayıcınızda yapılır.
Nasıl kullanılır?
- Gradyan türünü seçin: doğrusal, dairesel veya konik.
- Renk duraklarını ekleyin, rengini ve konumunu ayarlayın.
- Açıyı belirleyin veya hazır gradyanlardan birini seçin.
- CSS kodunu kopyalayın ya da PNG/SVG olarak indirin.
Öne çıkanlar
- Doğrusal, dairesel ve konik gradyan.
- En fazla 6 renk durağı ve hazır ayarlar.
- Masaüstü, kare ve dikey boyutlarda PNG; vektörel SVG.
- Paylaşılabilir bağlantı: ayarlar sayfa adresine kaydedilir.
Sık sorulan sorular
CSS gradyan nasıl yazılır?
En yaygın biçim background: linear-gradient(açı, renk1 konum, renk2 konum) şeklindedir. Örneğin linear-gradient(135deg, #1F3FD6 0%, #5B7CFF 100%). Araç bu kodu sizin için üretir.
Konik gradyan nerede kullanılır?
Konik (conic) gradyan, renkleri bir merkez etrafında döndürür; pasta grafikleri, renk çarkları ve dikkat çekici arka planlar için kullanılır. Tüm modern tarayıcılar destekler.
Gradyanlarda bantlaşma (çizgilenme) neden olur?
Birbirine çok yakın renkler geniş bir alana yayıldığında renk adımları görünür hâle gelebilir. Daha fazla renk durağı kullanmak, renkleri biraz ayırmak veya hafif bir gren eklemek bantlaşmayı azaltır.
İndirdiğim gradyanı nerede kullanabilirim?
PNG çıktısını sunum, sosyal medya ve masaüstü arka planı olarak; SVG çıktısını ise her boyutta keskin kalması gereken tasarımlarda kullanabilirsiniz.
Profesyonel bir tasarıma mı ihtiyacınız var?
Sosyal medya tasarımları, reklam görselleri, afiş, logo ve kurumsal kimlik projeleriniz için iletişime geçebilirsiniz.