CSS Filter Generator

Generate CSS filters to match a target color. Useful for coloring icons or images while maintaining visual sharpness.

Desired Hex or RGB Color

Target Color

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

Filtered Result

Filter Applied

CSS Filter

brightness(0) saturate(100%)

Loss: 0.0.

Apply this filter to black icons/images to achieve the target color.