OpenClaw画面偏色通常由渲染后端色彩空间配置、浏览器GPU加速或系统显示设置冲突引起，需依次禁用硬件加速并强制sRGB、修改Three.js初始化参数、覆盖系统ICC配置、Electron版添加CSS滤镜校正。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在运行 OpenClaw 时发现游戏画面出现明显偏色（如整体泛黄、发青、过饱和或灰暗），该现象通常与渲染后端色彩空间配置、浏览器 GPU 加速策略或系统级显示设置冲突有关。以下是解决此问题的步骤：
一、禁用浏览器硬件加速并强制启用 sRGB 渲染
浏览器默认启用的硬件加速可能调用显卡非标准色彩管线，导致 WebGL 渲染输出偏离 sRGB 标准，引发偏色。关闭硬件加速可回退至软件光栅化路径，确保色彩一致性。
1、在 Chrome/Edge/Brave 浏览器地址栏输入 chrome://settings/system，找到“使用硬件加速模式（如果可用）”选项；
2、将其关闭，并点击右下角“重启”按钮使设置生效；
3、重新打开 OpenClaw Web 界面，在开发者工具（F12）中执行以下命令强制启用 sRGB：document.querySelector('canvas').getContext('webgl', { colorSpace: 'srgb' });
4、若控制台无报错且画面色彩恢复正常，说明问题由色彩空间未声明导致。
二、修改 OpenClaw 前端 WebGL 初始化参数
OpenClaw 使用 Three.js 封装 WebGL 渲染器，默认未显式指定色彩空间和像素格式，易受浏览器默认行为影响。通过注入初始化参数可锁定渲染输出符合标准 sRGB 色彩域。
1、通过 SSH 登录 OpenClaw 部署服务器，定位前端资源目录：/opt/openclaw/web/dist/index.html（或实际构建输出路径如 /var/www/openclaw/dist/index.html）；
2、使用 vim 编辑该文件，在 three.js 初始化代码段附近（通常含 new THREE.WebGLRenderer()），将原初始化语句替换为：
new THREE.WebGLRenderer({ antialias: true, colorSpace: THREE.SRGBColorSpace, alpha: false });
3、保存文件后，执行 sudo systemctl restart openclaw-web（或对应服务名）；
4、刷新浏览器页面，观察偏色是否消失；若仍存在，继续执行下一步。
三、覆盖系统级色彩配置文件（Linux/macOS 专用）
部分 Linux 发行版（如 Ubuntu 22.04+）或 macOS 在启用 HDR 或广色域显示器时，会全局注入 ICC 配置文件，干扰 WebGL 输出色彩映射。临时移除该配置可验证是否为系统层干扰。
1、Linux 用户执行命令查看当前 ICC 配置：ls /etc/profile.d/*color* 2>/dev/null || echo "无系统级色彩脚本"；
2、若存在输出，使用 sudo mv 重命名对应脚本（如 99-color-profile.sh → 99-color-profile.sh.bak）；
3、macOS 用户打开“系统设置 > 显示器 > 颜色”，选择“Generic RGB Profile”或“sRGB IEC61966-2.1”；
4、重启浏览器并访问 OpenClaw，确认偏色是否缓解。
四、强制 Canvas 后处理色彩校正（适用于 Electron 封装版）
对于基于 Electron 打包的 OpenClaw 桌面客户端，其内嵌 Chromium 可能因版本差异忽略色彩空间声明。此时可在 Canvas 渲染完成帧后插入 CSS 滤镜进行线性校正。
1、定位 Electron 主进程启动文件（常见路径：/usr/local/bin/openclaw-electron/main.js 或 ~/openclaw-electron/main.js）；
2、在创建 BrowserWindow 实例后添加如下代码：
win.webContents.on('did-finish-load', () => { win.webContents.insertCSS('canvas { filter: contrast(1.05) saturate(0.97); }'); });
3、保存后执行 npm run rebuild（若使用 electron-builder）或直接重启应用；
4、观察画面是否恢复自然色调；对比原始偏色样本，确认校正强度是否适配。
