CSS-Filter-Generator
Blur, Helligkeit, Kontrast, Sättigung u. a. per Schieberegler einstellen und den CSS-filter-Code sofort erzeugen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Ein Tool, mit dem Sie blur, brightness, contrast, grayscale, hue-rotate, saturate und sepia per Schieberegler einstellen und das Ergebnis in einer Live-Vorschau prüfen. Praktisch für Webentwickler und Designer, die die filter-Werte für Bilder oder Boxen visuell abstimmen und den Code direkt kopieren und verwenden wollen.
Anleitung
- Bewegen Sie die Schieberegler, um den gewünschten Filtereffekt einzustellen.
- Prüfen Sie das Ergebnis live in der Vorschaubox oben.
- Kopieren Sie den fertigen filter-CSS-Code und fügen Sie ihn in das gewünschte Element ein.
- Gefällt es Ihnen nicht, setzen Sie mit der Zurücksetzen-Schaltfläche auf die Standardwerte zurück.
FAQ
- Werden auch Schieberegler mit Standardwert in den CSS-Code übernommen?
- Nein. Filter mit Standardwert (100 %) bei Helligkeit, Kontrast oder Sättigung bzw. mit blur 0 fallen automatisch aus dem Ergebniscode heraus, sodass nur die wirklich nötigen Werte sauber erzeugt werden.
- Wird der eingegebene Wert an einen Server gesendet?
- Nein. Alle Berechnungen und die Vorschau laufen ausschließlich in Ihrem Browser; es werden keinerlei Daten an einen Server gesendet.
- Kann ich mehrere Filter gleichzeitig kombinieren?
- Ja. Stellen Sie mehrere Schieberegler gemeinsam ein, werden sie zu einem einzigen, durch Leerzeichen verbundenen filter-Wert zusammengefasst, etwa blur(2px) brightness(110%).