那天早上一睁眼习惯性打开QQ音乐，首页突然全变成黑白灰了！我还以为是手机出毛病了，重启了好几次还是这样。赶紧打开微博一看，好家伙，#某位前辈逝世# 的词条已经爆了，这才反应过来是平台主动换的色。
一、手动测试折腾到怀疑人生
本来以为就是后台开个开关的事，结果自己上手才知多麻烦：
- 试了十几种滤镜：把饱和度拉到最低，图片是灰了，但按钮文字也跟着糊成一片；
- 调色阶调疯了：想单独把彩色转黑白，结果白色背景和灰色文字直接分不清了；
- 最坑的是按钮状态：正常按钮/点击按钮/禁用按钮，三种灰色差太近用户根本看不明白。
折腾俩小时耗了我8%的电量，APP界面丑得自己都看不下去。
二、抓包抓出偷懒套路
干脆把旧手机翻出来连电脑抓包，挂着开发者工具刷新QQ音乐首页。好家伙，刷了三十多次终于抓到关键线索——浏览器加载了个叫的样式文件！打开一看差点笑出声：
这方案粗暴到令人发指：
- 给整个网页套上超大滤镜罩子：直接用CSS把html标签的饱和度、色相全改了；
- 图标不用重新切图：本来彩色的SVG图标跟着滤镜一起变灰；
- 文字颜色全靠滤镜自动处理：根本不用手动调色阶！
我把这*代码复制到自己做的山寨页面上，按F12随手粘贴进去——5秒！就用了5秒！整个页面瞬间变成跟QQ音乐一模一样的灰色调，连图标变色都自动对齐。
三、半夜突然想通关键
躺床上突然坐起来：那些彩色按钮的状态变化？白天测试时最头疼的就是这个！翻出代码再看才明白：
人家压根不care按钮交互色！因为那个滤镜罩子是从最顶层的html标签开始罩的，就像给手机屏幕贴了灰色膜——用户点按钮时手指按下去的动作触发的是代码层的变色，但人眼看到的只是同一块灰色区域变深了一点点。实际测试发现：就算按钮颜色在代码层面从#333变成#666，通过灰色滤镜后肉眼根本分不清差异。
折腾完只想对产品经理喊话：你们哪是搞技术方案，分明是玩障眼法！但不得不服，这招省了设计师72小时重绘图标，省了前端加班调色，半夜接到需求半小时就能上线。