全屏护眼色层 - 自定义滤蓝光/暖色

蓝光是可见光谱中波长在380-500纳米之间的高能短波光线，广泛存在于阳光、LED屏幕、荧光灯等光源中。电子设备屏幕（手机、电脑、平板）是日常生活中蓝光的主要来源之一。

过滤蓝光的原因：

• 减少视疲劳：长时间暴露在蓝光下会导致眼睛干涩、酸胀、视力模糊等数字眼疲劳症状。
• 改善睡眠质量：蓝光会抑制褪黑素分泌，睡前接触蓝光可能扰乱生物钟，导致入睡困难。使用暖色滤光层可显著改善这一问题。
• 保护视网膜：长期积累的蓝光暴露可能对视网膜细胞造成潜在损伤，增加黄斑变性风险。

使用琥珀色或暖黄色色层覆盖屏幕，是过滤蓝光最直接有效的方式之一，被广泛应用于f.lux、Night Shift等知名护眼工具中。

本工具通过在网页最上层叠加一层固定定位的半透明色层来实现护眼效果。该色层覆盖整个浏览器视口，并使用CSS的pointer-events: none属性确保用户依然可以正常操作色层下方的所有网页元素。

技术原理：

• 色层使用position: fixed固定覆盖全屏，不随页面滚动而移动。
• 通过调节色层的背景颜色和透明度(opacity)来实现不同程度的滤光效果。
• 暖色系（琥珀、橙黄）能有效吸收蓝光波段，绿色系则有助于缓解视疲劳。
• 所有设置实时生效，色层变化带有平滑过渡动画，体验流畅自然。

该方案兼容所有主流浏览器，无需安装额外插件，开箱即用。

不同场景推荐的护眼色：

琥珀色和暖黄色对蓝光的过滤效率最高，绿色虽对蓝光过滤较弱但对缓解视觉疲劳有独特优势。建议根据实际感受灵活调整。

在合理强度范围内（建议3%-55%），护眼色层对屏幕可读性的影响非常有限：

• 文字阅读：低到中等强度下文字依然清晰锐利，暖色调反而能提高深色背景上白色文字的对比舒适度。
• 图片浏览：色层会使图片整体偏暖或偏绿，这是不可避免的副作用。建议在需要准确色彩判断时临时关闭色层。
• 视频观看：类似图片，视频颜色会受色层影响。推荐在观影时使用较低强度（10%-20%）或关闭色层。

本工具特别设计了快速关闭按钮和一键开关，方便用户在需要时即时切换。

色温（单位：开尔文K）描述了光源的冷暖程度：

• 高色温（5500K-6500K）：冷白光，蓝光成分多，类似于正午日光，使人保持警觉但也容易导致眼疲劳。
• 中色温（4000K-5000K）：中性白光，接近自然光，适合大多数办公场景。
• 低色温（2700K-3500K）：暖黄光，蓝光成分大幅减少，类似日落后的光线，有助于放松和入睡。

本工具的滤蓝光琥珀和深夜暗暖预设模拟了低色温环境（约3000K以下），有效减少蓝光暴露。护眼柔绿则通过另一种机制——利用人眼对绿色最敏感的特性——来减轻视觉负担。

建议白天使用中性色温，傍晚后逐步切换到低色温暖光，顺应人体自然生物节律。

软件滤蓝光（如本工具）：

• 通过屏幕叠加暖色色层来减少蓝光输出，属于软件层面的解决方案。
• 优点：免费、即时生效、可灵活调节强度和颜色、覆盖所有屏幕内容。
• 缺点：会改变屏幕色彩表现，不适合需要精确色彩的工作。

防蓝光眼镜：

• 通过镜片镀膜或材质吸收/反射蓝光，属于物理层面的解决方案。
• 优点：不影响屏幕色彩还原，同时防护来自所有光源的蓝光（阳光、灯具等）。
• 缺点：需要额外购买佩戴，效果因镜片质量而异。

建议：两者结合使用效果最佳。日常使用软件滤蓝光，需要精准色彩时依赖防蓝光眼镜，全方位保护眼睛健康。

除了使用护眼色层，以下护眼习惯同样重要：

1. 20-20-20法则：每工作20分钟，看向20英尺（约6米）以外的物体，持续20秒。这能有效放松睫状肌。
2. 保持眨眼频率：专注屏幕时眨眼次数会减少60%，有意识多眨眼可预防干眼症。
3. 调整屏幕亮度和环境光：屏幕亮度应与周围环境光相当，避免过亮或过暗。夜间使用暗色模式更佳。
4. 保持正确距离和姿势：眼睛与屏幕距离50-70厘米，屏幕顶端略低于视线水平。
5. 定期眼部检查：每年进行一次视力检查，及时发现问题。
6. 使用人工泪液：感觉眼睛干涩时可使用无防腐剂的人工泪液缓解。

护眼色层是综合护眼方案的一部分，配合良好习惯才能达到最佳效果。

是的，科学研究证实了这一效果。

人眼视网膜中的内在光敏视网膜神经节细胞(ipRGC)对蓝光特别敏感。当这些细胞感知到蓝光时，会向大脑的视交叉上核（生物钟中枢）发送信号，抑制褪黑素分泌，从而延迟睡意。

多项研究表明：

• 睡前使用暖色滤光（如琥珀色，过滤90%以上蓝光）可使褪黑素水平恢复至接近正常夜间水平。
• 相比无防护地使用电子设备，使用滤蓝光工具后入睡时间平均缩短15-25分钟。
• 睡眠质量主观评分提高20%-30%。

建议：睡前1-2小时启用滤蓝光琥珀或深夜暗暖预设，强度设置在40%-60%，可有效改善入睡质量和睡眠深度。