Fotoğraftan gradyan
Birkaç renkten yumuşak bir mesh gradyan oluşturun veya paleti kendi fotoğrafınızdan alın. Renk noktalarını doğrudan tuval üzerinde sürükleyin, bükme ve gren ekleyin, görseli indirin veya CSS'i kopyalayın.
Tarayıcınız WebGL desteklemiyor, araç başlatılamıyor. Başka bir tarayıcı deneyin veya donanım hızlandırmayı açın.
Renk noktalarını görmek için fareyi tuvalin üzerine getirin: sürükleyin, çift tıklama renk ekler. Fotoğrafı tuvale bırakın veya panodan yapıştırın.Renk noktalarını parmağınızla sürükleyin; iki kez dokunmak renk ekler.
Renkler listedeki sırayı izler. Sırayı çevirmek için "Ters sıra" düğmesini kullanın.
CSS
Doğrusal, radyal ve konik için birebir. Mesh ve mozaik için bükme ve gren olmadan radyal lekelerden benzer bir arka plan.
Bir dakikada kendi gradyanınız
- 1Renkleri seçinpaletten, rastgele veya fotoğrafınızdan
- 2Noktaları taşıyınbükme ve greni ayarlayın
- 3İndirinPNG, JPG, WebP, SVG veya CSS'i kopyalayın
Bu gradyanlar nedir
Mesh gradyan birkaç renk noktasından oluşur: her biri çevresindeki alanı boyar, aralarında renkler yumuşakça geçer. Böyle arka planlar kapaklarda, bannerlarda, hikayelerde ve uygulama ekranlarında kullanılır. "Yumuşaklık" kaydırıcısı renklerin ne kadar geniş karışacağını belirler, "Mozaik" ise tuvali en yakın noktaya göre bölgelere ayırır. Doğrusal, radyal ve konik CSS'e birebir aktarılan klasik gradyanlardır.
Fotoğraftan palet
Bir fotoğraf yükleyin; araç içindeki en fazla yedi ana rengi bulur ve noktaları bu renklerin fotoğrafta bulunduğu yere koyar. Böylece gradyan fotoğrafın havasını taşır: gün batımı, deniz, iç mekan, ürün ambalajı. Fotoğraf tarayıcınızda kalır, hiçbir yere gönderilmez.
Bükme ve gren
Bükme renkleri bir desene göre kaydırır: dalgalar, yumuşak gürültü, hücreler veya merkez etrafında girdap. "Güç" ne kadar olduğunu, "Desen ölçeği" desenin iriliğini belirler, zar düğmesi başka bir rastgele desen verir. Gren filmdeki gibi hafif bir doku ekler: gradyan plastik gibi görünmez ve bant oluşturmaz. "Tüm renkleri ayarla" bölümünde tüm paletin tonunu, doygunluğunu ve parlaklığını tek seferde değiştirebilirsiniz.
Bunları da deneyin
Onlar da ücretsiz ve kayıtsız
Sık sorulan sorular
Yanıt bulamadınız mı? Bize yazın, yardımcı olalım.
W ve H alanlarında belirtilen boyutta, uzun kenarda en fazla 4096 piksel (tarayıcıdaki ekran kartı sınırı). Gönderi, hikaye, X kapağı, bağlantı önizlemesi ve duvar kağıdı için hazır boyutlar var. Ekranda aynı oranlarda küçültülmüş bir kopya gösterilir.
PNG kayıpsızdır, tasarım için en iyisidir. JPG ve WebP daha hafiftir, sosyal medya ve siteler için uygundur. Bükme ve gren olmadan doğrusal veya radyal gradyanın SVG'si Figma'da düzenlenebilen gerçek bir vektör dosyasıdır; mesh gradyan ve bükmelerde SVG'nin içinde görsel bulunur, çünkü bu gradyanlar için vektör formatı yoktur.
Doğrusal, radyal ve konik için evet. CSS'teki mesh gradyan birkaç radyal lekeden oluşur ve benzer görünür ama bükme ve gren yoktur: tarayıcılar bunları düz CSS ile çizemez. Tam aynı arka plan gerekiyorsa PNG kullanın.
Fotoğraf küçültülür ve tüm pikseller renk yakınlığına göre gruplanır (k-ortalama yöntemi). Grup merkezleri paletin renkleri olur, her rengin noktası o rengin fotoğrafta en çok bulunduğu yere konur. Çok nadir renkler atılır.
Evet. Seçiciyi açmak için renk karesine tıklayın veya yanındaki alana HEX kodu yazın. 2 ile 12 arasında renk olabilir. Çarpı bir rengi siler, artı yeni bir renk ekler, tuvale çift tıklamak ise tam o noktaya yeni bir nokta koyar.
"Gradyan bağlantısı"na tıklayın: bağlantı kopyalanır ve tüm renkleri, noktaları ve ayarlarıyla aynı gradyanı açar. Ayrıca son gradyan tarayıcınızda saklanır ve bir sonraki ziyaretinizde açılır. Hata mı yaptınız? Adımı ok düğmesiyle veya Ctrl+Z ile geri alın.
Ekranda küçültülmüş bir kopya çizilir, dosya ise tam boyutta oluşturulur; bu yüzden gren ve ince bükme ayrıntıları dosyada daha küçüktür. Renkler ve nokta konumları aynıdır.
Evet, sınırsız: bu sizin görseliniz. Paletin alındığı fotoğraf tarayıcınızdan çıkmaz ve bir renk paleti telif hakkıyla korunmaz.