Samsung Note 8 Android 9.0浏览器CSS颜色显示异常如何解决？

• 禁用浏览器自动颜色校正
  三星定制浏览器默认开启低对比度颜色自动增强功能，会主动加深浅色调提升可读性，可添加以下配置关闭该特性：
  1. 在页面<head>中添加meta标签：<meta name="color-scheme" content="only srgb">
  2. 在全局CSS中添加规则：

  :root {
    forced-color-adjust: none;
    color-adjust: exact;
    -webkit-color-adjust: exact;
  }
  

• 统一色域映射逻辑
  三星Note8采用P3广色域屏幕，Android 9版本的三星浏览器默认会将未明确色域的sRGB颜色映射到P3色域，导致浅色偏深偏艳，可通过两种方案修复：
  1. 所有颜色使用精确sRGB声明，例如将普通hex色值替换为CSS色域限定写法：color: color(srgb 0.53 0.81 0.92); /* 对应原浅蓝色的sRGB数值 */
  2. 针对P3色域设备单独适配颜色值：

  @media (color-gamut: p3) {
    .目标元素 {
      color: #调整后视觉和原浅蓝色一致的色值;
    }
  }
  

• 规避兼容性差的颜色写法
  不要使用lightblue这类语义化颜色关键词，不同厂商浏览器对关键词的色值实现存在差异，统一使用6位hex、rgb/rgba精确值；无需透明效果时不要使用带alpha通道的颜色声明，该版本三星浏览器对半透颜色的渲染存在已知偏差。
• 验证系统显示模式影响
  测试时可前往系统设置-显示，将屏幕模式从「自适应」切换为「基本」，如果颜色恢复正常，说明之前的异常同时受系统显示增强逻辑影响，上述CSS配置已经可以覆盖普通用户的默认场景，无需额外调整。

内容的提问来源于stack exchange，提问作者S.Len