CSS Gradient Oluşturucu ücretsiz mi?

Evet, tamamen ücretsiz — abonelik, hesap veya gizli kullanım sınırlamaları yok. Sayfayı aç ve hemen gradyanlar oluştur.

Bu araç, internet bağlantısı olmadan offline olarak çalışır mı?

Evet. Sayfa yüklendikten sonra araç, dış API çağrıları, CDN bağımlılıkları veya sunucu istekleri olmadan tamamen çevrimdışı çalışır. Uçakta veya ağ kısıtlamaları olan bir ortamda kullanımı güvenlidir.

Renk verim ya da tasarımı bir sunucuya gönderildi mi?

Hayır. Tüm gradyan üretimi ve önizleme işleme tarayıcınızda yerel olarak JavaScript kullanılarak yapılır. Renk seçimleriniz sadece tarayıcınızın localStorage'ında saklanır ve hiçbir yere iletilmez.

linear-gradient ve radial-gradient arasındaki fark nedir?

Bir lineer-gradient, belirli bir açıda (örneğin 135deg) bir doğru boyunca renk geçişleri sağlar. Radial-gradient ise bir elips ya da daire şekli içinde bir merkez noktasından dışa doğru renk yayırır. Her ikisi de tüm modern tarayıcılarda çalışan standart CSS çıktıları verir.

Kaç renk durumu ekleyebilirim?

Öntanımlı bir sınır yoktur — ihtiyaçlarınıza göre istediğiniz kadar renk durumu ekleyebilirsiniz (minimum 2). Yeni durumlar, gradyanın en büyük boşluğunda otomatik olarak yerleştirilir ve bu konumda interpolasyonla elde edilen renk önceden doldurulur, böylece düzgün bir başlangıç noktası sağlanır.

Bu araç, verilerimi yükler mi?

Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.

🌈 CSS Gradyan Oluşturucu

Kısa sürede harika doğrusal ya da radial CSS grasyonları oluşturun — renkleri seçin, açıya ya da şekle göre ayarlayın, ihtiyaçlarınıza göre sınırsız renk durumu ekleyin ve tamamlanmış CSS kodunu tek bir tıklamayla kopyalayın. Tamamen ücretsiz ve tarayıcınızda tamamen çalışır.

Gradyan Türü

Açı

Önizleme

Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.

Hakkında

Bu araç, tek satır kod yazmadan CSS grasyonlarını görsel olarak oluşturmanıza olanak tanır. Doğrusal-gradient ya da radial-gradient arasında seçim yapın, açıyı ya da şekli ayarlayın, renk seçici ve pozisyon kaydırıcısı ile renk durumlarını yönetin ve sonucu gerçek zamanlı olarak canlı olarak önizleyin. Sekiz yerleşik önceden ayarlanmış stil (Güneş batışı, Deniz, Aurora, Neon ve daha fazlası) size başlangıç noktası sağlar. Çünkü her işlem tarayıcınızda yerel olarak saf JavaScript kullanılarak çalıştığı için, hiçbir renk verisi ya da tasarım bilgisi cihazınızdan asla çıkmaz — herhangi bir sunucu, hesap yoktur.

Nasıl kullanılır

Grasyon türünü — Doğrusal ya da Radial — Grasyon türünden açılır listeden seçin.
Doğrusal grasyonlar için 0–360° arası açıyı kaydırıcı veya sayı girişi kullanarak ayarlayın. Radial grasyonlar için Şekil olarak Elips ya da Daire'yi seçin.
Renk Durakları panelinde bir renk seçeneğini tıklayarak renk seçiciyi açın, ardından konum girdisini sürükleyerek her durakı istenen konuma yerleştirin.
Yeni bir renk durak noktası eklemek için + Ekle Durak'ı tıklayın ve en büyük boşlukta otomatik olarak yerleştirilir ya da herhangi bir durak silmek için ✕ butonuna tıklayın (en az 2 durak gerekli).
Kopyala CSS'yi tıklayarak tamamlanmış arka plan deklarasyonunu: linear-gradient(…) veya radial-gradient(…) biçiminde kopyalayın ve doğrudan stil sayfanıza yapıştırın.

SSS

CSS Gradient Oluşturucu ücretsiz mi?: Evet, tamamen ücretsiz — abonelik, hesap veya gizli kullanım sınırlamaları yok. Sayfayı aç ve hemen gradyanlar oluştur.
Bu araç, internet bağlantısı olmadan offline olarak çalışır mı?: Evet. Sayfa yüklendikten sonra araç, dış API çağrıları, CDN bağımlılıkları veya sunucu istekleri olmadan tamamen çevrimdışı çalışır. Uçakta veya ağ kısıtlamaları olan bir ortamda kullanımı güvenlidir.
Renk verim ya da tasarımı bir sunucuya gönderildi mi?: Hayır. Tüm gradyan üretimi ve önizleme işleme tarayıcınızda yerel olarak JavaScript kullanılarak yapılır. Renk seçimleriniz sadece tarayıcınızın localStorage'ında saklanır ve hiçbir yere iletilmez.
linear-gradient ve radial-gradient arasındaki fark nedir?: Bir lineer-gradient, belirli bir açıda (örneğin 135deg) bir doğru boyunca renk geçişleri sağlar. Radial-gradient ise bir elips ya da daire şekli içinde bir merkez noktasından dışa doğru renk yayırır. Her ikisi de tüm modern tarayıcılarda çalışan standart CSS çıktıları verir.
Kaç renk durumu ekleyebilirim?: Öntanımlı bir sınır yoktur — ihtiyaçlarınıza göre istediğiniz kadar renk durumu ekleyebilirsiniz (minimum 2). Yeni durumlar, gradyanın en büyük boşluğunda otomatik olarak yerleştirilir ve bu konumda interpolasyonla elde edilen renk önceden doldurulur, böylece düzgün bir başlangıç noktası sağlanır.
Bu araç, verilerimi yükler mi?: Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.