CSS Gradyan Oluşturucu
İki renk seçin, doğrusal veya dairesel bir gradyan belirleyin ve canlı önizleme görmek için açıyı ayarlayın. Karşılık gelen CSS anında oluşturulur ve doğrudan stil dosyanıza kopyalamaya hazırdır.
background: linear-gradient(90deg, #ff9a00, #60acfc);Nasıl çalışır
Seçicilerle iki rengi belirleyin, «doğrusal» veya «dairesel»i seçin ve doğrusal gradyanlar için açı kaydırıcısını sürükleyin. Aşağıdaki önizleme ve CSS kodu, her değişiklikte anında güncellenir.
İpucu
90 derecelik açı soldan sağa, 180 derece yukarıdan aşağıya ve 0 derece aşağıdan yukarıya gider — gradyanın yönünün nasıl değiştiğini görmek için kaydırıcıyı deneyin.
Doğrusal ve dairesel arasındaki fark nedir?
Doğrusal gradyan, belirlenen açıda düz bir çizgi boyunca geçiş yapar. Dairesel gradyan ise açıdan bağımsız olarak merkezden dışa doğru dairesel şekilde yayılır.
Bu kategorideki diğer araçlar
Pozlama Hesaplayıcı
Diyafram, enstantane ve ISO arasında eşdeğer pozlamalar bulun.
En-Boy Oranı Hesaplayıcı
Bir görüntüyü veya videoyu orantılı olarak ölçeklendirin ve sadeleştirilmiş oranını bulun.
Kontrast Denetleyici
Bir ön plan ve arka plan renginin WCAG kontrast yönergelerini karşılayıp karşılamadığını kontrol edin.
Renk Paleti Oluşturucu
Herhangi bir temel rengi tamamlayıcı, analog ve üçlü renk paletlerine dönüştürün.
Renk Formatı Dönüştürücü
Herhangi bir rengi HEX, RGB, HSL ve CMYK arasında anında dönüştürün; her format için tek tıkla kopyalama.
Tipografi Ölçek Oluşturucu
Bir taban yazı tipi boyutu ve ölçek oranından uyumlu bir yazı tipi boyutları kümesi oluşturun, CSS özel özellikleri olarak kopyalamaya hazır.