如果你想要一个"真实"的红外线感觉，你需要 * 反转 * 图像的颜色和 * 去饱和 * 的结果。反转会使它感觉像物体在发光。混合它与绿色阴影，你就得到了你的NVG。

div {
    background-color: green;
}
img {
    display: block;
    width: 100%;
    object-fit: cover;

    filter: invert(100%) saturate(0%);

    /* To blend with parent background use: */
    mix-blend-mode: multiply;
}

<div>
    <img src="https://picsum.photos/600?random">
</div>

这是你问题的答案，你可以玩
背景混合模式
来达到不同的效果

div{width: 50vw;
    height: 50vw;
    background-image: url(https://images.unsplash.com/photo-1671938576119-9e1c53d868dc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80); /*Photo From Unsplash https://unsplash.com/*/
    background-color: green;
    background-blend-mode: overlay;
}

<div></div>

就这么简单：
1.将图像添加到div
1.向div添加一个带有绿色和黑色的radial-gradient
1.将mix-blend-mode和overlay添加到映像本身

• • 密码：**

div{
    width: 300px; height: 300px;
    background-image: radial-gradient(green, black);
}

img{ mix-blend-mode: overlay; }

<div>
    <img src="https://source.unsplash.com/300x300">
</div>