Instagram-Filter nachbauen: Clarendon, Gingham und Co. kostenlos

Jan-Tristan Rudat

Aktualisiert: Juni 2026

Clarendon, Gingham, Juno: Die Namen kennt jeder, der schon einmal ein Foto auf Instagram gepostet hat. Doch die Looks stecken nicht in einer geheimen App, sondern in nachvollziehbaren Werten für Helligkeit, Kontrast und Sättigung. Dieser Ratgeber zeigt für alle 11 Presets von foto-filtern.de die konkreten, reproduzierbaren CSS-Filter-Werte, ordnet jeden Look einem Anwendungsfall zu und erklärt, wie Sie jeden Stil gezielt nachstellen, kostenlos, ohne Upload, ohne Konto und ohne Wasserzeichen.

Was ein Instagram-Filter technisch wirklich ist

Ein Instagram-Filter klingt nach Magie, ist aber im Kern eine kleine Kette mathematischer Operationen auf den Bildpunkten. Jeder Look kombiniert eine Handvoll grundlegender Anpassungen: Wie hell ist das Bild (Helligkeit), wie stark trennt es helle von dunklen Bereichen (Kontrast), wie kräftig sind die Farben (Sättigung), und liegt ein warmer oder kühler Schleier darüber (Sepia, Farbtonverschiebung, Graustufen). Moderne Browser beherrschen genau diese Operationen nativ über die CSS-Eigenschaft filter und über die Canvas-API.

Das hat zwei wichtige Konsequenzen. Erstens: Ein Preset ist kein Bild und keine fertige Datei, sondern ein Bündel von Zahlen. Wer die Zahlen kennt, kann den Look exakt reproduzieren, in jedem Tool und auf jedem Gerät. Zweitens: Weil die Berechnung direkt im Browser passiert, muss das Foto den Rechner nie verlassen. Das ist der entscheidende Unterschied zu Cloud-Editoren, die Ihr Bild erst auf einen Server hochladen.

Die 5 Bausteine hinter jedem Look

Bevor wir zur Tabelle kommen, lohnt ein Blick auf die fünf Regler, aus denen sich praktisch jedes Instagram-Preset zusammensetzt. Das folgende Diagramm zeigt, wie ein Look entsteht: Das Originalbild durchläuft die einzelnen Filter-Stufen, jede verändert einen Aspekt, am Ende steht das gefilterte Ergebnis.

• Helligkeit (brightness): 100% ist das Original, darüber heller, darunter dunkler.
• Kontrast (contrast): Werte über 100% spreizen Licht und Schatten, unter 100% wirkt das Bild flacher.
• Sättigung (saturate): bestimmt die Farbintensität, 0% ergibt Graustufen, über 100% kräftigere Farben.
• Sepia (sepia): legt einen warmen Braunton über das Bild, typisch für Vintage-Looks.
• Farbton (hue-rotate): verschiebt das gesamte Farbrad in Grad, etwa ins Kühle oder Warme.

Alle 11 Presets mit konkreten Werten in der Übersicht

Die folgende Tabelle ist das Herzstück dieses Ratgebers. Sie listet für jeden der 11 Looks die exakte CSS-Filter-Zeichenkette, die Stimmung und einen passenden Anwendungsfall. Diese Werte sind nicht geschätzt, sondern entsprechen genau den Presets, die das Tool von foto-filtern.de anwendet. Damit lässt sich jeder Look zielgenau nachbauen oder als Ausgangspunkt für eigene Varianten nutzen.

Hinweis: Nicht genannte Filter behalten ihren Standardwert (Helligkeit, Kontrast und Sättigung 100%, Graustufen und Sepia 0%, Farbton 0 Grad).

Die beliebtesten Looks im Detail

Clarendon ist der meistgenutzte Instagram-Filter und ein sicherer Startpunkt. Die Kombination brightness(120%) contrast(120%) saturate(130%) hebt alles an: mehr Licht, mehr Trennung zwischen hell und dunkel, kräftigere Farben. Das wirkt frisch und sauber, kann bei ohnehin hellen Motiven aber schnell überzogen aussehen. In dem Fall hilft es, die Helligkeit ein paar Prozent zurückzunehmen.

Gingham geht den umgekehrten Weg: brightness(105%) contrast(90%) saturate(80%) hue-rotate(-10deg). Der reduzierte Kontrast und die leicht kühle Farbtonverschiebung erzeugen einen ruhigen, fast analogen Eindruck. Ideal für Porträts und Stillleben, wenn der Look zurückhaltend bleiben soll.

Juno ist das Gegenteil von zurückhaltend. Mit saturate(140%) drückt es die Farben kräftig nach oben und betont vor allem warme Rot- und Gelbtöne. Bei Sonnenuntergängen und Food-Fotos entfaltet der Look seine Stärke, bei Hauttönen sollte man vorsichtig dosieren.

So bauen Sie einen Look Schritt für Schritt nach

Sie müssen die Werte nicht abtippen, das Tool von foto-filtern.de bringt alle 11 Presets per Klick mit. Wer einen Look aber gezielt verstehen, anpassen oder anderswo nutzen möchte, geht so vor:

1. Bild im Browser öffnen (Drag-and-Drop oder Auswahl), nichts wird hochgeladen.
2. Gewünschtes Preset aus der Tabelle wählen, etwa Clarendon.
3. Die drei bis vier genannten Regler auf die Tabellenwerte setzen.
4. Ergebnis am eigenen Motiv prüfen und einzelne Werte um wenige Prozent nachjustieren.
5. Gefiltertes Bild herunterladen, ohne Wasserzeichen und in voller Auflösung.

Wer den Look in eigenem Code oder einem anderen Editor verwenden will, nutzt direkt die CSS-Regel. Für Clarendon sieht das so aus:

/* Clarendon-Look auf ein Bild anwenden */
.clarendon {
  filter: brightness(120%) contrast(120%) saturate(130%);
}

/* Gingham: ruhiger, leicht kühl */
.gingham {
  filter: brightness(105%) contrast(90%) saturate(80%) hue-rotate(-10deg);
}

Kostenlos, ohne Upload und ohne Wasserzeichen: der Unterschied

Viele bekannte Online-Editoren werben mit Instagram-ähnlichen Filtern, verlangen aber einen Upload des Bildes auf ihre Server, oft ein Konto, und versehen kostenlose Exporte teils mit einem Wasserzeichen. foto-filtern.de verfolgt bewusst den anderen Ansatz: Die Verarbeitung läuft zu 100% clientseitig im Browser. Das Foto verlässt Ihr Gerät nicht, es gibt keine Anmeldung, keine versteckten Kosten und kein Wasserzeichen.

Für die Looks bedeutet das keinen Qualitätsnachteil: Die CSS-Filter werden vom Browser hardwarebeschleunigt berechnet, das Ergebnis ist sofort sichtbar und in voller Auflösung exportierbar. Für die Privatsphäre bedeutet es einen klaren Vorteil, gerade bei privaten Porträts oder sensiblen Aufnahmen. Wer mehr über die rechtliche Seite wissen möchte, findet die Hintergründe im verlinkten Datenschutz-Ratgeber.

Sind die Filternamen markenrechtlich ein Problem?

Namen wie Clarendon oder Gingham sind Bezeichnungen aus dem Instagram-Ökosystem und gehören zu Meta. Der konkrete Bildlook, also die Kombination aus Helligkeit, Kontrast und Sättigung, ist dagegen keine schützbare Schöpfung, sondern eine technische Einstellung. Sie dürfen Ihre eigenen Fotos also mit diesen Einstellungen bearbeiten und veröffentlichen. Vorsicht ist nur geboten, wenn Sie den Markennamen geschäftlich so verwenden, dass eine offizielle Verbindung zu Instagram suggeriert wird. Für den privaten Gebrauch und für die reine Beschreibung eines Looks ist die Nennung unproblematisch.

Häufige Fragen

Quellen und weiterführende Standards

• MDN Web Docs: CSS filter, Referenz der Filter-Funktionen.
• MDN Web Docs: brightness(), contrast(), saturate(), Wertebereiche der einzelnen Funktionen.
• W3C: Filter Effects Module Level 1, der zugrunde liegende Webstandard.
• MDN Web Docs: Canvas API, clientseitige Bildverarbeitung im Browser.

Verwandte Artikel