Gradyan Oluşturucu

Canlı önizlemeyle doğrusal ve radyal gradyanlar oluştur. CSS kopyala.

Tür

DoğrusalRadyal

Açı: 45°

Renk noktaları

#ff5e3a%

#ff2d55%

CSS

background: linear-gradient(45deg, #ff5e3a 0%, #ff2d55 100%);

Tailwind (rastgele değer)

bg-[linear-gradient(45deg,_#ff5e3a_0%,_#ff2d55_100%)]

Reklam

Nasıl çalışır

Doğrusal ya da radyal seçin ve renk durakları ekleyin.
Durakları sürükleyin ve açıyı ya da konumu canlı önizlemeyle ayarlayın.
Her rengi ince ayarlayın.
CSS gradyanını kopyalayın.

Ne için kullanılır

Bir hero arka plan gradyanı tasarlamak.
Çok duraklı bir gradyan için tam CSS'i almak.
Doğrusal ve radyal görünümleri denemek.

Reklam

Bilmekte fayda var

Bir CSS gradyanı üretir; aşırı karmaşık meshler standart CSS gradyanlarının ötesindedir.
Renk işleme ekranlar arasında hafifçe değişebilir.

Sıkça sorulan sorular

Doğrusal mı radyal mı, fark nedir?

Doğrusal renkleri düz bir eksen boyunca harmanlar (arka planlar için harika); radyal ise bir merkez noktadan dışa doğru harmanlar (parıltılar ve spot ışıkları için harika).

İkiden fazla renk ekleyebilir miyim?

Evet; istediğiniz kadar renk durağı ekleyin ve her birini gradyan boyunca konumlandırın.

Herhangi bir şey yükleniyor mu?

Hayır. Gradyan CSS'i tarayıcınızda canlı üretilir.

Reklam

İlgili araçlar

DXF Görüntüleyici

Renk Paleti

Renk Dönüştürücü

CSS Kutu Gölgesi Oluşturucu

Kontrast Kontrolcüsü