Day for Night
在CSS中常规使用`invert(1)`滤镜会导致所有颜色反转,包括原本的色彩信息。若想仅反转黑白(明暗关系)而保持色彩不变,可采用组合滤镜方案:先执行反转操作,再通过色相旋转进行补偿。具体实现方式为`hue-rotate(180deg) invert(1)`。这一技巧的原理在于:在HSL颜色模型中,单独反转亮度(L)分量可保留色相(H)与饱和度(S),而先整体反转再旋转180度色相,数学上等效于仅对L分量取反。该方法适用于需要高对比度暗色主题或图像处理的场景,能够在不改变主色调的前提下实现视觉反色效果。