⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

Okyanus CSS Gradyanı — Hazır Kod

CSS degradelerini görsel olarak oluşturun: doğrusal, radyal veya konik tipte, açılı kaydırıcı ve canlı tam genişlikte önizleme ve kopyalanabilir kodla altı adede kadar renk durağı.

90°
İşleniyor... 0%

Sonuç

Bu sayfa, hazır okyanus renginin yüklü olduğu degrade oluşturucuyu açar: açık deniz mavisine akan derin deniz mavisi #2193b0 #6dd5ed. Tam genişlikte önizleme bunu hemen oluşturur ve arka plan CSS satırı kopyalanmaya hazırdır.

Mavi deniz mavisi degradeler kullanıcı arayüzünde en güvenli seçimdir: sakinlik ve güven sinyali verir, beyaz ve koyu metinlerin her iki uçta da okunabilir olmasını sağlar ve kontrol panellerine, SaaS açılış sayfalarına ve banner'lara eşit derecede iyi uyum sağlar. Her iki durak da aynı soğuk renk ailesini paylaşıyor, böylece karışım tüm uzunluğu boyunca temiz kalıyor.

Olduğu gibi gönderin veya ayarlayın: dikey derinlik efekti için açıyı dikleştirin veya ufuk parıltısı için %100'de beyaza yakın bir durak ekleyin. Düğmeler ve vurgular için düz renklerin eşleştirilmesine ihtiyacınız varsa, bu sitedeki renk paleti oluşturucu her iki duraktan da bir uyum oluşturur.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • Doğrusal ve konik modlar için açı kaydırıcılı degrade türü seçimi (doğrusal, radyal, konik).
  • Renk durdurma listesi: Her birinin kendi renk seçicisi ve yüzde cinsinden konumu olan, başlamak, altıya kadar eklemek veya çıkarmak için iki durak.
  • Kopyalanabilir arka plan CSS satırı artı gün batımı, okyanus ve pastel renk geçişleri için hazır önceden ayarlanmış sayfalar.

Temel Faydalar

✓ Tam genişlikte önizleme her değişiklikte (tür, açı ve her renk durağı) yeniden boyanır, böylece kopyaladığınız CSS tam olarak gördüğünüz şeydir.
✓ Bireysel konumlara sahip altı adede kadar renk durağı, basit iki renkli soldurmadan karmaşık çok bantlı arka planlara kadar her şeyi kapsar.
✓ Tek bildirim, üç motor: duraklarınızı yeniden oluşturmanıza gerek kalmadan doğrusal, radyal ve konik arasında geçiş yapın.

Kullanım Durumları

  • • Lineer-gradient()'i elle düzenlemek ve yeniden yüklemek yerine açıyı ve renk duraklarını sürükleyerek bir kahraman bölümü arka planı oluşturun.
  • • Aynı renk duraklarını doğrusal, radyal ve konik degradelerle tek bir anahtarla karşılaştırın; duraklar türler arasında aktarılır.
  • • Gün batımı, okyanus veya pastel ön ayar sayfasından kanıtlanmış bir kombinasyon alın ve bunu marka renklerinize göre ayarlayın.