Görselden Degrade Oluştur
Herhangi bir fotoğraftan güzel bir degrade çıkarın: görüntüyü bırakın, bir ruh hali seçin ve baskın renkler sürüklenebilir degrade duraklarına dönüşsün. Yapıştırmaya hazır CSS'yi anında kopyalayın.
Görüntüyü buraya sürükleyip bırakın
veya göz atmak için tıklayın: panonuzdan yapıştırabilirsiniz
Her şey tarayıcınızda çalışır: görüntünüz hiçbir zaman yüklenmez, kayıt yok, tamamen ücretsiz.
background: -;
Görselden Degrade Oluştur Hakkında
Gradient Generator from Image, herhangi bir fotoğrafı kullanıma hazır bir CSS gradyanına dönüştürür. Bir görüntü bırakın, göz atın veya yapıştırın; araç onu bir tuval üzerinde okur, baskın renklerini çıkarır ve orijinalin hissiyatına uyana kadar sürükleyebileceğiniz, yeniden renklendirebileceğiniz ve yeniden sıralayabileceğiniz gradyan durakları olarak yerleştirir.
Bir ruh hali seçici (Renkli, Parlak, Soluk, Koyu veya Karanlık) hangi çıkarılan renklerin durak olacağını değiştirir, böylece tek bir fotoğraf birkaç çok farklı gradyan verebilir. Gradyan türünü (doğrusal, radyal veya konik), açıyı ve durakların kendilerini kontrol edersiniz: birini eklemek için çubuğa tıklayın, yeniden konumlandırmak için sürükleyin, tek tıkla ters çevirin veya döndürün.
Tüm süreç tarayıcınızda çalışır; görüntünüz asla bir sunucuya yüklenmez. Önizleme doğru göründüğünde, tam CSS kuralını, sadece background değerini veya çıkarılan renkleri kendi başlarına kopyalayın: fotoğraftan türetilmiş hero bölümleri, sayfa arka planları ve marka görselleri için idealdir.
Görselden Degrade Oluştur Nasıl Kullanılır
- Bir görüntüyü sürükleyip bırakın, göz atmak için tıklayın veya panonuzdan yapıştırın.
- Hangi çıkarılan renklerin durak olacağını seçmek için bir ruh hali seçin: Renkli, Parlak, Soluk, Koyu veya Karanlık.
- Gradyan türünü seçin (doğrusal, radyal veya konik) ve açıyı ayarlayın.
- Karışımı ince ayarlamak için renk duraklarını sürükleyin; gerektiğinde durakları ekleyin, kaldırın, ters çevirin veya yeniden karıştırın.
- Kopyala-yapıştıra hazır gradyan kodunu almak için "CSS'yi kopyala"ya tıklayın.