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?
Ücretsiz görsel CSS gradyan oluşturucu: linear, radial ve conic gradyanlar tasarlayın, renk duraklarını ve açıyı ayarlayın, ardından arka planlar için hazır CSS kodunu kopyalayın.
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 Ofset, bulanıklık, yayılma, renk ve inset kontrolleriyle gölgenin canlı önizlemesini sunan ve kopyalamaya hazır box-shadow CSS kodu üreten ücretsiz çevrimiçi CSS box-shadow oluşturucu.
CSS Border Radius Oluşturucu Sekiz bağımsız köşe tutamacı ve kaydırıcısıyla yuvarlatılmış şeklin canlı önizlemesini sunan ve kopyalamaya hazır border-radius CSS kodu üreten ücretsiz çevrimiçi CSS border-radius oluşturucu.
Renk Kodu Dönüştürücü HEX, RGB, HSL ve OKLCH kodları arasında anında dönüştürme yapan ve iki renk arasındaki WCAG kontrast oranını hesaplayarak erişilebilirlik uyumunu kolayca kontrol etmenizi sağlayan ücretsiz çevrimiçi araç.
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.