CSS-Filter berechnen:
source → target
Eingaben
Source-Farbe (Hex)
Das ist die Ausgangsfarbe deines Elements, z. B. die Icon-Farbe ohne Filter.
Target-Farbe (Hex)
Auf diese Farbe soll der CSS-Filter die Source-Farbe bringen.
Filter berechnen
Tipp: Hex auch in Kurzform möglich (
#0af
).
Source (ohne Filter)
Target (Soll)
Ergebnis (Source + berechneter Filter)
CSS-Filter:
—
Anwenden z. B.:
.icon { filter: … }
Loss:
—
Hinweise
Optimiert Standard-CSS-Filter: invert, sepia, saturate, hue-rotate, brightness, contrast.
Heuristisch, Ergebnisse können leicht variieren. Mehr Iterationen verbessern oft die Annäherung.
Filter wirken auf das gesamte Element. Andere Farben verschieben sich mit.
Für absolute Farbtreue einzelner Töne sind Canvas/SVG-Matrizen exakter.