Javascript 试图得到一个特定的颜色，我可以'；我得不到想要的结果

我试图通过一个看起来像深蓝色和浅蓝色滤镜的滤镜拍摄一段常规视频

问题是它在视频中，我需要它是一个面具（视频中的div可以改变颜色）。我尝试了几件事，但没有得到想要的结果

我尝试使用svg feColorMatrix和CSS过滤器。但我有一个奇怪的蓝色。如果你有任何其他想法，我将不胜感激

新年快乐

filter: contrast(84%) brightness(31%) saturate(93%) grayscale(27%) hue-rotate(354deg);

---

此解决方案完全基于HTML和CSS， 用一个容器div包装你的视频，并在视频前放置另一个div，该div将作为覆盖，给它一个类似“覆盖”的id，现在是css部分

#覆盖{
位置：绝对位置；
宽度：100%；
身高：100%；
z指数：100；
背景：蓝色；
不透明度：0.5；
}

您在这里输入了一个错误：

saturatke（93%）

。需要编写

饱和（93%）

如果你也发布HTML，这将更有用。是的，问题是应该是一个渐变贴图，这意味着每个亮像素都会变成一个蓝光像素，而暗像素会变成黑蓝色（与黑和白相同，只有深蓝色和浅蓝色）