CSS Renk Geçişi Üretici
Tasarımdan gizli — tamamen tarayıcınızda çalışır
Tarayıcınızda doğrusal ve radyal CSS gradyanları görsel olarak oluşturun. Toova, renk duraklarını yerleştirmenize, açıları ayarlamanıza, türleri değiştirmenize ve yapıştırmaya hazır CSS dışa aktarmanıza olanak tanır — herhangi bir şeyi sunucuya yüklemeden.
Doğrusal, radyal ve konik gradyanlar
Doğrusal gradyanlar, bir açı veya yön anahtar kelimesiyle tanımlanan düz bir eksen boyunca hareket eder. Radyal gradyanlar bir merkez noktasından genişler. Konik gradyanlar bir açı etrafında döner — pasta grafik tarzı arka planlar veya renk tekerleği efektleri için mükemmeldir. Toova, CSS sözdiziminin her çeşidini ezberlemeden istediğiniz gradyanı oluşturabilmeniz için görsel kontrollerle üçünü de sunar.
Renk durakları ve kolaylaştırma
Her rengin nerede başlayıp bittiğini kontrol etmek için renk duraklarını gradyan çubuğu boyunca sürükleyin. İhtiyacınız kadar durak ekleyin — Toova bunu sınırlamaz. Basit iki renkli gradyanları bezdiren gri orta bölümden kaçınmak için doğrusal olmayan enterpolasyon sunan kolaylaştırma ön ayarlarını kullanın. CSS çıktısı, her modern tarayıcıda desteklenen standart özellikleri kullanır.
Yalnızca tarayıcı oluşturma
Her gradyan tarayıcınızda yerel olarak oluşturulur. Seçtiğiniz renkler, yerleştirdiğiniz duraklar, çıktı CSS — hiçbiri sayfayı terk etmez. Bu, gradyanlar için aşırıya kaçmaktır, ancak aracı hızlı ve güvenilir kılar; sayfa ilk yüklemeden sonra çevrimdışı çalışır. Ağ sekmesi kullanım sırasında boş kalır.
Sıkça Sorulan Sorular
- Konik gradyanı ne zaman kullanmalıyım?
- Konik gradyanlar, pasta grafik efektleri, renk tekerlekleri ve soyut dönen arka planlar için mükemmeldir. Ne doğrusal ne de radyal gradyanların yapamayacağı bir şey olan bir merkez nokta etrafında dönerler. Tarayıcı desteği artık modern motorlar genelinde sağlamdır.
- İki renkli gradyanlarda gri ortadan nasıl kaçınırım?
- Algısal olarak dengeli bir renkle ara durak ekleyin veya benzer parlaklığa sahip renkler seçin. Tamamlayıcı renkleri RGB orta noktaları aracılığıyla karıştırmak gri üretir — orta noktayı OKLCH'de manuel olarak seçmek bundan kaçınır.
- Diğer biçimlere dışa aktarabilir miyim?
- Çıktı, herhangi bir web bağlamında doğrudan çalışan standart CSS'tir. Tasarım araçları için, bireysel renk duraklarını kopyalayın ve gradyanı Figma veya Sketch'te çoğaltın.
- Şeffaflığı destekliyor mu?
- Evet. Herhangi bir renk durağı alfa kanalına sahip olabilir. Kenarları arka plana karşı geçirmek veya yarı saydam duraklarla gradyanları katmanlamak için kullanışlıdır.
- Verilerim herhangi bir yere gönderiliyor mu?
- Hayır. Oluşturma tamamen tarayıcınızda çalışır.