7
如何仅使用CSS滤镜将黑色转换为任何给定的颜色
我的问题是：给定目标RGB颜色，#000仅使用CSS滤镜将黑色（）重新着色为该颜色的公式是什么？ 为了接受答案，它需要提供一个函数（使用任何语言），该函数接受目标颜色作为参数并返回相应的CSS filter字符串。 这样做的上下文是需要为内的SVG重新着色background-image。在这种情况下，它将支持KaTeX中的某些TeX数学功能：https : //github.com/Khan/KaTeX/issues/587。 例 如果目标颜色是#ffff00（黄色），则一种正确的解决方案是： filter: invert(100%) sepia() saturate(10000%) hue-rotate(0deg) （演示） 非目标 动画。 非CSS过滤器解决方案。 从黑色以外的其他颜色开始。 关心黑色以外的其他颜色会发生什么。 到目前为止的结果 蛮力搜索固定过滤器列表的参数：https ://stackoverflow.com/a/43959856/181228缺点：效率低下，仅生成16,777,216种可能的颜色（带676,248种hueRotateStep=1）。 使用SPSA的更快的搜索解决方案： https: //stackoverflow.com/a/43960991/181228获得赏金 一个drop-shadow解决方案： https://stackoverflow.com/a/43959853/181228 缺点：不工作的边缘。需要非filterCSS更改和较小的HTML更改。 您仍然可以通过提交非蛮力解决方案来获得接受的答案！ 资源资源 如何hue-rotate和sepia计算： https://stackoverflow.com/a/29521147/181228 例的Ruby实现： LUM_R = 0.2126; LUM_G = 0.7152; LUM_B = 0.0722 HUE_R = 0.1430; HUE_G = 0.1400; HUE_B = …