Tüm ekran test araçları

    Gradyan Görsel Oluşturucu

    İki veya üç renkli doğrusal ya da dairesel gradyan oluşturun. Açıyı ve görsel boyutunu ayarlayın, gradyan arka plan indirin veya siteniz için CSS’yi kopyalayın.

    • Doğrusal ve dairesel gradyanlar
    • Görsel indirme ve CSS

    Her kenar için 1 ile 8192 arasında tam sayı kullanın; toplam en fazla 16,777,216 piksel olabilir. Görseller tarayıcınızda oluşturulur.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Canlı önizleme

    1920 × 1080 px
    Gradyan Görsel Oluşturucu

    Önizleme alana sığacak şekilde ölçeklenir. İndirilen dosya yukarıda belirtilen piksel boyutlarını tam olarak kullanır.

    background: linear-gradient(90deg, #2563eb, #e879f9);

    Tarayıcıların renk enterpolasyonunu farklı işlemesi nedeniyle CSS ve PNG biraz farklı görünebilir.

    Gradyan Testi

    Nasıl kullanılır

    1. Görsel boyutlarını ayarlayıp doğrusal veya dairesel gradyan seçin.
    2. Başlangıç ve bitiş renklerini seçin, isterseniz orta renk ekleyin ve doğrusal açıyı ayarlayın.
    3. PNG ya da JPEG indirin veya CSS arka plan bildirimini kopyalayın.

    Koşullar ve sınırlamalar

    Bu araç dekoratif gradyan arka planları oluşturur. Renk bantlarını incelemek için ayrı gradyan testini kullanın. Oluşturulan görsel ekranınızın bit derinliğini veya renk doğruluğunu belgelemez.

    Sık sorulan sorular

    Gradyan açısı ne anlama gelir?

    Açılar CSS kurallarını izler: 0° aşağıdan yukarıya, 90° soldan sağa ve 180° yukarıdan aşağıya ilerler. Dairesel gradyanlar merkezden başlar.

    İndirilen gradyan CSS ile tam olarak aynı mı olur?

    Aynı renkleri ve yönü kullanırlar, ancak tarayıcıdaki renk enterpolasyonu ve görsel ölçekleme küçük farklar oluşturabilir. Sabit piksel sonucu gerektiğinde indirilen görseli kullanın.

    Diğer araçları keşfedin

    Şeffaf Boş Görsel Oluşturucu

    İstediğiniz boyutta tamamen şeffaf boş bir PNG oluşturun. Alfa arka planını önizleyin ve düzenler, katmanlar veya tasarım öğeleri için boş görsel indirin.

    Düz Renk Görsel Oluşturucu

    Kendi HEX renginiz ve tam boyutlarla düz renk bir görsel hazırlayın. Sade duvar kağıdı, arka plan veya ekran referansı için PNG ya da JPEG indirin.

    Yer Tutucu Görsel Oluşturucu

    Boyut etiketi veya kendi metninizle bir yer tutucu görsel oluşturun. Arka plan ve metin renklerini ayarlayın, tam boyutları seçin ve taslaklar için PNG ya da JPEG indirin.