CSS Gradyan Oluşturucu
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Son guncelleme: 2026 · Ucretsiz cevrimici arac
CSS Gradyan Oluşturucu nedir?
CSS gradyanları oluşturmak ve kodu kopyalamak için ücretsiz çevrimiçi görsel düzenleyici
Nasil Kullanilir
- 1 Tür Seç — Gradyan türünü seçin (doğrusal, dairesel, konik).
- 2 Renk Duraklarını Ayarla — Her renk durağının rengini ve konumunu ayarlayın.
- 3 Önizleme — Önizlemede sonucu gerçek zamanlı kontrol edin.
- 4 CSS Kodunu Kopyala — 'Kopyala' düğmesiyle CSS kodunu panoya kopyalayın.
Ilgili Araclar
CSS Box Shadow Oluşturucu CSS box-shadow oluşturmak ve kodu kopyalamak için ücretsiz çevrimiçi görsel düzenleyici
CSS Border Radius Oluşturucu 8 kontrol noktası ile ücretsiz çevrimiçi CSS border-radius düzenleyici
Renk Kodu Dönüştürücü HEX, RGB, HSL, OKLCH renk kodları arasında WCAG kontrast oranı ile ücretsiz çevrimiçi dönüştürme aracı
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.