CSS Color Filter Generator

Write in a hex or RGB code below and click Go! to generate SVG filter properties to use in CSS.

Hex or RGB Color Code

Go!

Real pixel:

RGB rgb(0, 0, 0) Copy
HEX #000000 Copy

Filtered pixel, style applied through CSS

filter: brightness(0) saturate(100%) Copy

Loss: 0