亮度150%与对比150%，交换顺序后怎样核对滤镜链

操作步骤

1. 打开CSS滤镜顺序预览，点击恢复原效果。确认亮度、对比度、饱和度均为100%，灰度和模糊为0；原图与处理后应相同。
2. 点击载入亮度150/对比150示例。保持默认顺序，代码应先brightness(150%)再contrast(150%)，其余为saturate(100%) grayscale(0%) blur(0px)。
3. 将执行顺序切换为反向。代码应从blur(0px)开始，到brightness(150%)结束；观察同一色块的变化，原图始终不变。不要用两张不同素材比较顺序。
4. 复制CSS或下载jijie-filter.css。只导出.filtered选择器及filter属性，把选择器改成目标图片或元素的类名；不会下载示例图片，也不会修改原文件像素。
5. 将灰度改为100，核对处理后失去色彩但原图保留颜色。再将亮度改为201，应出现范围错误并隐藏旧预览和下载；修正后才重新导出。

跟着示例试一次

为了比较同一封面在不同滤镜链下的表现，先用内置示意图设亮度150、对比150，其余保持默认。正向为brightness→contrast，反向为contrast→brightness，中间还有处于中性值的饱和度、灰度和模糊。两者可能呈现不同亮暗与饱和裁切；这不代表哪一种天然更正确。

.filtered {
  filter: brightness(150%) contrast(150%) saturate(100%) grayscale(0%) blur(0px);
}

/* 反向 */
.filtered {
  filter: blur(0px) grayscale(0%) saturate(100%) contrast(150%) brightness(150%);
}

怎样确认结果正确

先核对顺序和单位，再看视觉。浏览器原生计算样式可能把150%显示为1.5、100%显示为1，含义一致。反向切换只改变函数顺序，不改变输入参数。下载CSS应与当前代码逐字一致，且不包含SVG图案。默认中性值时两种顺序效果相同，不能因此推断所有滤镜都可以交换。属性语义参考 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/filter 。

常见问题与边界

仅支持五种固定函数和正反两种顺序，参数须为整数：亮度/对比度/饱和度0–200%，灰度0–100%，模糊0–20px。没有上传、图片导出、backdrop-filter、目标色反求或任意CSS解析。模糊可能超出边缘，目标网页的背景、色彩管理和其他样式会影响观感。CSS灰度或模糊可以被移除，不能用于隐藏隐私；需要不可逆遮挡时另用图片隐私遮挡工具并核对导出文件。参数仅本页内存处理，不上传、不自动保存。