DIGITAL
GEZGİN
π
Tasarım Araçları

CSS Gradient Oluşturucu

İki renkten CSS linear-gradient çıktısı üret.

Online Araç

CSS Gradient Oluşturucu

generator
Çıktı burada görünür

Bu araç ne işe yarar?

Renkleri ve açıyı seçerek CSS linear-gradient kodu oluştur.

Nasıl kullanılır?

  1. Başlangıç ve bitiş renklerini gir.
  2. İstersen açı/degrees değeri ekle.
  3. Gradient Oluştur butonuna tıkla.
  4. Çıkan CSS gradient kodunu tasarımında test et.

Örnek kullanım

Örnek girdi

from=#2563eb
to=#9333ea
deg=135

Örnek çıktı

background: linear-gradient(135deg, #2563eb, #9333ea);

İpuçları

Gradientlerde çok fazla doygun renk kullanmak okunabilirliği bozabilir.