oled屏幕因无背光、子像素直发光，高饱和色易引发色边、过曝和闪烁；推荐hsl()饱和度控制在60%–85%，亮度同步调至45%–60%，禁用100%饱和纯色及rgb(255,0,0)硬切，避免子像素过载与pwm校正。
不是颜色写错了，是OLED屏幕的物理特性放大了饱和度——它没有背光，子像素直接发光，高饱和色（尤其是纯红、纯绿）在低亮度下更容易出现色边、过曝或轻微闪烁，视觉上“冲”得更厉害。
hsl()里s值超过80%在OLED上容易出问题
OLED对饱和度敏感，不是因为浏览器渲染错，而是高s值会让R/G/B子像素接近全功率点亮，触发面板驱动补偿机制。实测发现：
- hsl(0, 100%, 50%)（纯红）在iPhone 14 OLED上常伴随轻微红色边缘，尤其文字描边或小图标场景
- hsl(120, 95%, 45%)（高饱和绿）在Android 14+三星屏上比LCD屏更刺眼，且低亮度下易发“荧光感”
- 推荐安全区间：s控制在60%–85%，l同步微调至45%–60%，避免子像素过载
别用rgb(255, 0, 0)硬切纯色
rgb()三通道全开或归零，在OLED上等于强制所有对应子像素满负荷工作。相比hsl()的渐进控制，它缺乏缓冲余量：
- rgb(255, 0, 0) → 实际点亮红子像素100%，绿/蓝0%，但驱动芯片可能因电流突变引入微抖动
- 同视觉效果改用hsl(0, 90%, 52%)，红通道仍主导，但绿/蓝有微量底噪（
hsl(0, 90%, 52%)），反而更稳 - 禁用
hsl(0, 100%, 50%)和hsl(120, 100%, 50%)，它们在iOS 17.5+ Safari中被观测到触发额外PWM校正
透明度叠加会加剧OLED饱和失真
opacity或rgba()半透层在OLED上不是简单混合，而是多层子像素叠加发光，极易造成色相偏移和亮度溢出：
-
background-color: rgba(255, 0, 0, 0.8)→ 红子像素以80%功率持续点亮，绿/蓝通道受邻近像素漏光影响，实际显色偏橙 - 改用
background-color: hsla(0, 85%, 53%, 0.8)，s压到85%，l提至53%，能显著缓解偏色 - 绝对避免在
transform或filter容器内使用高饱和半透色——整个层叠上下文会被强制重采样，饱和度进一步放大
真正卡住人的不是“怎么调饱和”，而是忘了OLED不认“视觉等效”，只认子像素供电强度。h值可以照搬设计稿，s和l必须按设备实测微调，哪怕只差5%——肉眼难辨，但眼睛累得快。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
