Optical icon calibration
Turn a black icon into the CSS color you need.
Enter any opaque CSS color and calculate a deterministic filter chain for a black SVG, icon, or monochrome image. Compare the target with the rendered estimate before shipping.
#000000#7B3DEESix-stage signal path
See every adjustment.
The solver tunes a bounded chain in a fixed order. The same target produces the same values, and the color input never leaves this browser.
- 01invert()
46% - 02sepia()
95% - 03saturate()
7156% - 04hue-rotate()
71 × 3.6° - 05brightness()
98% - 06contrast()
90%
Copy-ready CSS
Apply the chain to a black asset.
Use this declaration on an element whose visible pixels start at pure black. Multicolor and non-black assets need a different workflow.
filter: invert(46%) sepia(95%) saturate(7156%) hue-rotate(256deg) brightness(98%) contrast(90%);- Target
- #7C3AED
- Rendered estimate
- #7B3DEE
- Average RGB channel error
- 1.53
An approximation with visible evidence.
Hexees simulates the CSS Filter Effects color matrices, minimizes RGB and HSL distance with a deterministic bounded search, and reports the achieved color. Browser rasterization and color management can still shift the final pixels; inspect the real asset.