CSS gradient oluşturucu

İki renk, açı ve önizlemeyle doğrusal veya dairesel CSS gradyanları oluşturun. Kodu kopyalayın veya CSS dosyasını indirin.

Verileri ayarla

Tarayıcıda işlenir; veriler yüklenmez.

İki HEX rengi ve 0–360 derece arası açı seçin. Açı yalnızca doğrusal gradyanda kullanılır.

Sonuç

Verileri girin ve aracı çalıştırın.


        
        

Girilen değer veya dosya içeriğini istatistiğe katmadan hangi araçların kullanıldığını sayarız. Gizlilik

Araç nasıl kullanılır?

  1. İlk renk / İkinci renk / Tür / Açı alanlarını ayarlayın.
  2. «İşle» düğmesine basın, sonucu kontrol edin ve kopyalama veya indirme düğmelerini kullanın.

Yöntem ve sınırlar

İki HEX rengi ve 0–360 derece arası açı seçin. Açı yalnızca doğrusal gradyanda kullanılır.

Örnek

#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)

Uygulamalı örnek

Girdi
Tür: Doğrusal İlk renk: #336699 İkinci renk: #ffffff Açı: 90
Sonuç
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)

Favoriler