filter: grayscale(100%) sepia(100%) 是最简捷的棕褐色单色方案，需先去色再上褐调以确保效果稳定；顺序不可颠倒，sepia值可微调（80%更柔和），并常需搭配contrast或brightness保细节。
直接用 filter: grayscale(100%) 只能得到灰度图，不是单色调；真要转成“红调”“蓝调”或“棕褐色调”，得组合滤镜或换思路。
grayscale + sepia 是最简捷的单色底纹方案
纯 sepia(100%) 本身就能把彩色图转成棕褐色调（类似老照片），但它对已偏灰的图效果弱；加一层 grayscale(100%) 先归一化色彩，再叠 sepia()，结果更稳定。
-
filter: grayscale(100%) sepia(100%)：统一先去色，再上棕褐，适配绝大多数 JPG/PNG - 参数可微调：
sepia(80%)更柔和，sepia(100%)更浓烈；grayscale()不必非写 100%，90% 有时保留一点冷暖过渡更自然 - 注意顺序：必须
grayscale在前，否则sepia对原图饱和色响应不一致，部分区域可能发青或偏紫
hue-rotate 要慎用，多数彩色图直接套会失真
hue-rotate() 理论上能旋转色相实现单色映射，但实际中极易出问题——它不改变饱和度和明度，只转角度，导致高光过曝、阴影死黑，且对蓝色/绿色主图容易翻车。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 常见错误现象：
filter: hue-rotate(180deg)把蓝天变黄土，人脸变蜡黄，边缘出现明显色带 - 若坚持用，建议先压低饱和度：
filter: saturate(0.6) hue-rotate(200deg)，避免极端色块突兀 - 真正可控的单色映射得靠
feColorMatrix（SVG 滤镜），但需内联 SVG 或外链定义，不能只靠纯 CSS
单色图标优先用 currentColor，别硬套 filter
如果你实际要处理的是 SVG 图标（比如按钮里的小图标），filter 是绕远路。SVG 原生支持 fill="currentColor"，父元素设 color 就自动染色。
- 前提：图标必须是内联
<svg></svg>，不能是<img src="icon.svg"> - 原 SVG 中把
fill="#333"换成fill="currentColor"，CSS 里写.btn { color: #e74c3c; }，图标立刻变红 - IE11 有兼容问题，如需支持，得用 JS 注入 fill 值或 fallback 到 PNG +
filter: invert()模拟（但精度差）
真正难的不是“怎么转”，而是“转完是否还保细节”。比如一张人物特写，grayscale(100%) sepia(100%) 后肤色可能糊成一片；这时候得加 contrast(1.2) 或 brightness(0.95) 微调，但每张图参数都得试——没有万能值，只能按图下药。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
