CSS Gradyan Oluşturucu
İki renkli doğrusal gradyanı önizleyin, açıyı seçin ve hazır CSS kodunu kopyalayın.
Araç yükleniyor…
Dosyalarınız cihazınızda işlenir; işlem için herhangi bir sunucuya yüklenmez.
Nasıl kullanılır?
- Değerlerinizi girin veya araçtaki örneği yükleyin.
- Ayarları kontrol edin ve dönüştürmeyi çalıştırın.
- Sonucu kontrol edin, kopyalayın veya metin dosyası olarak indirin.
Örnek
#246649 + #EEF4E9 · 90° → background: linear-gradient(90deg, #246649, #EEF4E9);
Bu araç ne zaman kullanılır?
Bir banner veya kart için CSS arka planı oluşturup geçişin yönünü önizlemek için.
Desteklenen biçimler ve sınırlar
Yalnızca opak sRGB renkler. HEX 3 veya 6 hane kabul eder; RGB kanalları 0–255 arası tam sayılardır; HSL’de ton 0–360, doygunluk ve açıklık 0–100 yüzde aralığındadır. Dönüşümler 8 bit RGB’ye yuvarlanır.
Bir şey çalışmıyor ↗Bilmeniz gerekenler
Açı değeri neyi değiştirir?
Açı, renk geçişinin yönünü belirler. 90° soldan sağa, 180° yukarıdan aşağıya bir geçiş oluşturur.
Kodu nereye yapıştırmalıyım?
background satırını CSS dosyanızda ilgili öğenin kuralına ekleyin.
Girdiyi değiştirirsem ne olur?
Değişen girdi yeni bir sonuç gerektirir. İşlemi yeniden çalıştırın; eski indirme bağlantıları kaldırılır, böylece eski bir çıktıyı güncel sanmazsınız.