CSS Filter Oluşturucu

Tek renkli ikonlar için yararlı bir CSS filter() yaklaşımı (invert, sepia, saturate, hue-rotate, brightness, contrast) üretmek üzere hedef hex rengi seçin.

Hedef renk

Nasıl çalışır

1
Form alanlarını doldurun.
2
Varsa modları değiştirin.
3
Doğru göründüğünde çıktıyı kopyalayın (çoğu zaman canlı).

Bu aracı neden kullanmalısınız

Tamamen tarayıcınızda çalışır — hiçbir şey sunucuya yüklenmez.
%100 ücretsiz, kayıt gerekmez, sınır yoktur.
Modern herhangi bir tarayıcıda çalışır — uygulama, eklenti veya hesap gerekmez.

CSS filtreleriyle ikonları yeniden renklendirme

SVG fill’i kolayca değiştiremediğinizde, bir filter yığını siyah bir varlığı marka rengine doğru boyayabilir. Yaklaşımlar nadiren mükemmeldir—önizlemeyi kontrol edin ve gerekirse ince ayar yapın.

CSS Filter Oluşturucu nasıl kullanılır

CSS Filter Oluşturucu alanlarını doldurun. Çıktı tarayıcıda üretilir.

Daha iyi sonuçlar için ipuçları

Minimal sonuç için isteğe bağlı alanları boş bırakın.

Gizlilik ve tarayıcıda işleme

Mümkün olduğunda CSS Filter Oluşturucu, verilerinizi bu sayfada JavaScript ile yerel olarak işler. Taslaklar, gizli bilgiler ve yarım kalan işler varsayılan olarak cihazınızda kalır. Hassas metin, belirteç, parola veya dosyaları üçüncü taraf bir hizmete yüklemek istemediğinizde bu akışı tercih edin.

Sıkça sorulan sorular

Her görüntüde çalışır mı?

Siyah (veya neredeyse siyah) ikonlar için tasarlanmıştır. Renkli fotoğraflar tek bir hedef renge temiz şekilde eşlenmez.

Neden bir kayıp (loss) değeri var?

Loss, filtrelenmiş sonucun hedef renkten ne kadar uzak olduğunu tahmin eder; daha düşük daha yakındır.

Bu aracı kullanırken verilerim yüklenir mi?

Çoğu FlyUtils aracında hayır. İşleme tarayıcınızda JavaScript ile yapılır. Bir aracın sunucuya ihtiyacı olursa bu sayfada açıkça belirtilir.

CSS Filter Oluşturucu ücretsiz mi?

Evet. CSS Filter Oluşturucu ücretsizdir; kayıt gerekmez ve olağan kişisel/iş kullanımı için yapay limit yoktur.

CSS Filter Oluşturucu mobilde çalışır mı?

Evet. Sayfa mobil önceliklidir; telefondan veya tablekten girdi yapıştırabilir, seçenekleri ayarlayabilir ve sonucu kopyalayabilirsiniz.