CSS Gradyan Oluşturucu
Doğrusal, radyal ve konik geçişler için görsel CSS gradyan oluşturucu: renk durakları ekleyin, açıyı ayarlayın ve hazır CSS'i kopyalayın. Arka plan ve butonlar için ideal, ücretsiz.
Renk durağı
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Yerleştir
Son guncelleme: 2026 · Ucretsiz cevrimici arac
CSS Gradyan Oluşturucu nedir?
Doğrusal, radyal ve konik geçişler için görsel CSS gradyan oluşturucu: renk durakları ekleyin, açıyı ayarlayın ve hazır CSS'i kopyalayın. Arka plan ve butonlar için ideal, ücretsiz.
Nasil Kullanilir
- 1Tür Seç— Gradyan türünü seçin (doğrusal, dairesel, konik).
- 2Renk Duraklarını Ayarla— Her renk durağının rengini ve konumunu ayarlayın.
- 3Önizleme— Önizlemede sonucu gerçek zamanlı kontrol edin.
- 4CSS Kodunu Kopyala— 'Kopyala' düğmesiyle CSS kodunu panoya kopyalayın.
Ilgili Araclar
CSS Box Shadow OluşturucuOfset, bulanıklık, yayılma, renk ve inset kontrolleriyle canlı önizleme sunan ücretsiz çevrimiçi CSS box-shadow kodu oluşturucu.
CSS Border Radius OluşturucuSekiz köşe tutamacı ve kaydırıcısıyla canlı önizleme sunan, kopyalamaya hazır CSS kodu üreten ücretsiz çevrimiçi border-radius oluşturucu.
Renk Kodu DönüştürücüHEX, RGB, HSL ve OKLCH kodları arasında anında dönüştüren ve iki renk arasındaki WCAG kontrast oranını hesaplayan ücretsiz çevrimiçi renk aracı.
SVG Dalga OluşturucuPürüzsüz dalga şekilleri için görsel düzenleyiciye sahip ücretsiz çevrimiçi SVG dalga oluşturucu. Genliği, renkleri ve katmanları ayarlayın, hazır şablonları uygulayın ve oluşan CSS ile SVG kodunu kopyalayın.
Sikca Sorulan Sorular
Sınır yoktur, ancak 2-6 tipiktir. Çok fazla performansı etkileyebilir.
Evet. repeating ön ekini eklemek için 'Tekrarla' onay kutusunu etkinleştirin.
Beş ön ayar sunulmaktadır: Sunset, Ocean, Forest, Midnight ve Rainbow.
Şu anda yalnızca saf CSS çıktısı verilmektedir. Tailwind dönüşümü gelecek bir güncelleme için planlanmaktadır.
Hayır. Tüm işlemler tarayıcıda yapılır.