İçeriğe geç
🛠️ToolsShed

CSS Filtre Oluşturucu

CSS filtre efektlerini (blur, brightness, contrast vb.) canlı önizleme ile ayarlayın ve CSS çıktısını kopyalayın.

Filtreler

Bulanıklık0px
Parlaklık100%
Kontrast100%
Gri tonlama0%
Renk tonu döndürme0deg
Ters çevir0%
Opaklık100%
Doygunluk100%
Sepya0%

Önizleme görseli yüklemek için tıklayın

filter: none;

Bu araç hakkında

CSS filtre oluşturucu, bulanıklık, parlaklık, kontrast, gri tonları, renk tonu döndürme, ters çevirme, opasite, doygunluk ve sepya gibi standart CSS filtre özelliklerini kullanarak görüntü efektlerini görsel olarak tasarlamanızı ve ayarlamanızı sağlar. Sayısal değerleri tahmin etmek veya CSS'yi deneme yanılma yoluyla yazmak yerine, bu araç her filtre efektinin görüntünüzde nasıl göründüğünün gerçek zamanlı bir önizlemesini sunarak istediğiniz tam görsel efekti kolayca elde etmenizi sağlar.

Bunu kullanmak için bir görüntü yükleyin veya yapıştırın, ardından her filtre efekti için kaydırıcıları veya giriş alanlarını ayarlayın. Değerleri değiştirdikçe, önizleme anında güncellenir ve sonucu hemen görebilirsiniz. Görünüşten memnun olduğunuzda, oluşturulan CSS kodunu kopyalayıp stillerinize yapıştırın. Bu yaklaşım tasarım yinelemesi sırasında zamandan tasarruf eder ve filtrelerinizin tüm tarayıcılar arasında tutarlı bir şekilde işlenmesini sağlar.

Sıkça Sorulan Sorular

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.