我可以仅使用CSS将颜色设置为“网络安全”（216调色板）吗？

Question

对于复古主题项目，我希望以网络安全配色方案显示颜色。

我可以重新编辑图像，使它们使用旧的216色调色板，但我希望保留它们不变，并在CSS中模拟网络安全色。

我尝试使图像的亮度失去一定的色彩保真度，然后尝试使用容器元素将其恢复，例如：

Xamarin.Forms.Application.Current.On<Xamarin.Forms.PlatformConfiguration.Android>().UseWindowSoftInputModeAdjust(WindowSoftInputModeAdjust.Resize);

这让我走了一半，但要模拟“网络安全”颜色，我需要多少数字呢？

我对216种颜色不是很着迷，但256种就可以了，但是如何在CSS中模拟呢？

Answer 1

经过一些调整，这给了我我想要的效果：

figure:hover {
    filter: brightness(16);
}

figure:hover > * {
    filter: brightness(0.0625);
}

0.0625是1/16。

那为什么要16？

16是5位二进制。所以我在每个颜色通道中删除了8位中的5位。

每个颜色通道具有3位，表示9位，对于8位颜色，则多于8位。但是效果仅是复古外观，而不是严格的模仿。