推出自适应深色模式
内容提要
Safari 27.3测试版推出自适应深色模式，可自动将浅色网站转为深色显示，以弥补约40%用户使用深色模式而仅10%网页支持的差距。该功能在WebKit引擎内智能反转颜色、保留色相并确保对比度，谨慎处理图片、图标和渐变，同时保护用户隐私，网站无法检测该模式是否启用。文章还建议网站声明color-scheme、使用SVG图标等现代做法，或自行构建完整深色模式。
延伸解读
自适应深色模式的触发与例外
该功能仅在系统外观为深色时启用，且对已声明支持深色模式的网站不做任何改动。对于未声明的浅色页面，Safari会分析颜色并判断是否转换；若页面本身是深色背景浅色文字，则保持原样。这意味着网站通过color-scheme声明可以主动控制是否被转换，而用户无需手动干预。
颜色转换的取舍与限制
WebKit引擎使用颜色矩阵反转亮度并保留色相，同时确保文字对比度达到WCAG 4.5:1。但转换并非万能：canvas内容保持不变，部分遮罩和混合模式效果会被关闭，位图图标仅对简单黑白标志进行反转。因此，复杂图形或依赖canvas的页面可能无法获得理想的深色效果。
对网站开发者的实用建议
文章建议采用现代开发实践以提升兼容性：用SVG替代位图图标，用CSS纯色或渐变替代平铺背景图，为内容图片使用透明背景，并避免将页面背景色烘焙进图片。若希望完全控制深色外观，应尽早通过meta标签或CSS声明color-scheme，而非依赖JavaScript延迟注入。
隐私保护与检测限制
Safari阻止网站检测自适应深色模式是否启用，JavaScript查询CSS颜色时返回原始作者颜色，canvas中绘制的图像也保持原样。这避免了该模式成为浏览器指纹信息，但意味着网站无法针对已转换的页面做动态调整，开发者需依赖声明式方案而非运行时检测。
Q&A
Safari 27.3 beta 的自适应深色模式是什么？
自适应深色模式是 Safari 27.3 beta 推出的一项功能，当用户启用后，Safari 会自动将浅色网站转换为深色显示，以弥补许多网站没有深色版本的不足。
自适应深色模式如何转换颜色并确保可读性？
它使用颜色矩阵反转颜色的明度但保留色相，使浅色背景变深、深色文字变浅，并力求文字对比度达到 WCAG 4.5:1 标准。同时会谨慎处理渐变、按钮、图片上的文字等，确保内容可见且可用。
自适应深色模式如何处理图片和图标？
大多数图片保持不变以保留完整性。对于 SVG 图标和徽标，会检查并在需要时转换颜色；对于位图，会分析像素直方图并反转简单的黑白徽标。此外，某些效果如遮罩和混合模式可能会被关闭，而 canvas 内容保持不变。
网站如何声明支持深色模式以避免被自适应转换？
网站可以在 HTML 头部添加 <meta name="color-scheme" content="light dark"> 或在 CSS 中设置 color-scheme: light dark，这样自适应深色模式就不会修改页面。如果希望页面仅以浅色模式显示，可以使用 content="light only" 或 color-scheme: light only。
自适应深色模式如何保护用户隐私？
Safari 阻止网站检测自适应深色模式是否启用，JavaScript 查询 CSS 颜色时获取的是原始颜色而非转换后的颜色，绘制到 canvas 的图像也保持原样，从而减少可被指纹识别的信息，保护用户隐私。
网站开发者如何优化网站以更好地适配自适应深色模式？
建议遵循现代 Web 开发实践，例如使用 SVG 代替位图图标、使用纯色或渐变代替平铺背景图、用 CSS 实现圆角和阴影、为内容图片使用透明背景、为容器添加内边距等。也可以为特定元素应用 color-scheme: light dark 并添加自定义深色样式。
