Design und Farbe

CSS-Filter erstellen

CSS-Filter erstellen — Größen oder Farben wählen und Code oder Ergebnis prüfen. Eingabehilfe: Unschärfe (px), Helligkeit (%), Kontrast (%), Graustufen (%). Ohne Konto.

Ohne Konto

Werkzeug wird geladen…

So funktioniert es

  1. 1Eingabehilfe: Unschärfe (px), Helligkeit (%), Kontrast (%), Graustufen (%).
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren / Ergebnisdatei speichern.

Gut zu wissen

Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.

Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)

Berechnetes Ein- und Ausgabebeispiel

Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.

Beispieleingabe

FeldWert
Unschärfe (px)
0
Helligkeit (%)
100
Kontrast (%)
100
Graustufen (%)
0

Beispielergebnis

filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%);
Eingabebedingungen

Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.

  • Unschärfe (px): Zulässiger Bereich: 0 ≤ x ≤ 100
  • Helligkeit (%): Zulässiger Bereich: 0 ≤ x ≤ 300
  • Kontrast (%): Zulässiger Bereich: 0 ≤ x ≤ 300
  • Graustufen (%): Zulässiger Bereich: 0 ≤ x ≤ 100

Ähnliche Werkzeuge

Alle Werkzeuge