白小姐开奖结果数据分析图表配色升级：色觉友好与印刷可用

2026 年 9 月 1 日，白小姐开奖结果数据分析完成图表配色升级。12 类图表统一改用色觉友好色板，相邻色块在灰度下的明度差不少于 18%，页面还提供色盲模拟预览与印刷模式导出，让统计图表在屏幕、打印与投影场景下都能看清。新版色板已随 5.1.6 版本向全部用户推送。旧版图表使用饱和红绿对比，正常色觉下清晰，但红绿色盲用户难以区分。

为什么换掉原来的配色

团队邀请 12 位色觉异常用户参与测试，其中 9 位表示「热力图的深浅看不出来」，5 位在堆叠图中无法区分相邻区块。测试采用双盲方式，用户不知道新旧版本的区别，只按能否区分色块作答；9 位表示「看不出来」的用户中，有 6 位在灰阶测试中也出现困难。新色板以蓝、金、青、紫四色为主，避免红绿直接相邻。每个色块在灰度转换后明度依次递减，确保黑白打印时仍能分辨层次。测试中，12 位用户全部能正确区分 6 个色块，准确率从 58.3% 提升到 100%。

新色板的 6 个主色在 CIELAB 空间中的最小色差为 21.6，高于内部要求的 15，灰度下同样可辨。数据可视化负责人林岚表示：「颜色不是装饰，是信息编码。编码不可读，图表就失去了意义。」林岚补充说，配色评审时有同事提出保留红色以贴合传统习惯，最终因为可读性优先而没有采用；现在页面里仍保留少量红色，但只用于状态提示，不再承担区分数据系列的职责，这条边界写进了设计规范。

色盲模拟与灰度检查

页面内置三种模拟模式：红色盲、绿色盲、蓝黄色盲。开启后，整页图表按对应色觉类型转换，用户可以在发布报表前自查配色是否仍然可读。模拟模式只影响当前页面，不会修改用户设置，关闭后立即恢复原色板；三种模拟结果可以并排截图，方便在报表评审时说明配色的可读性。灰度检查则把图表转为黑白，检查明度差是否足够。新版色板的相邻明度差最小值为 18.4%，最大值为 42.7%，均高于 15% 的内部标准。

明度差按 CIELAB 的 L 值计算，18.4% 对应 L 值差约 18，肉眼可分辨；灰度检查支持一键切换，切换时图表不重新加载，只替换颜色变量。配色规则同样写进了导出流程：导出 PNG 时可勾选「印刷模式」，自动加深浅色区块并加细描边，避免打印机把浅色打成一片白。内测期间，印刷模式导出占比 17.6%，主要用于线下讨论材料。

印刷模式的描边宽度为 1 像素，导出分辨率保持 2 倍，避免打印时线条丢失，浅色区块同时加深 8%。色板文件同时提供给合作的报表工具，字段名与站内语义变量一一对应，第三方工具套用后颜色含义保持一致。色板以 JSON 格式维护，包含色值、语义名与适用主题三项，新增颜色需要经过色差检查才能合入。当前色板共 24 个颜色，其中 6 个用于数据系列，其余用于状态与背景。

主题切换下的配色一致性

浅色、深色与夜间三种主题各有独立色板，但语义保持一致：金色始终代表主指标，青色代表对比指标，紫色代表辅助维度。切换主题不会改变图表含义，只会调整明度与饱和度。三种主题的色板由同一份语义变量生成，改一处即可同步三端；语义变量共 24 个，覆盖主指标、对比指标、辅助维度与状态色四类。在 150% 字号缩放下，图例会自动换行，颜色标签与色块保持 8 像素间距，避免文字与色块粘连。所有图例支持点击隐藏对应数据系列，隐藏后其余系列自动重新计算坐标轴范围。

图例隐藏后，坐标轴范围按可见系列重算，重新显示时恢复原始范围；间距按 8 像素网格取值，缩放时同步放大，不出现文字压线。配色升级覆盖网页、桌面客户端与移动端三端，版本号统一为 5.1.6。下一阶段计划开放自定义色板，允许用户保存 3 套个人配色，供团队统一报表风格使用。三端版本的组件库已经合并，后续新增图表只需引用同一套色板变量；自定义色板会限制最多 6 个颜色，并在保存时检查色差，低于阈值时提示更换。