用XKCD颜色名（如"firebrick"和"limegreen"）确保语义与视觉双重区分，显式声明scale.domain和range禁用自动调色板，校准HSL亮度差≥40，并在支持mark类型中绑定纹理（如strokeDash）增强识别。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在Vega-Lite中用相似颜色渲染两组数据时，图表会失去可读性——人眼无法快速分辨“浅蓝”和“灰蓝”对应哪条曲线，尤其在打印、投影或色觉障碍用户场景下，错误率陡增。
用XKCD颜色名确保语义与视觉双重区分
第一步：从XKCD颜色调查数据集中挑选两个欧氏距离 ≥150 的颜色名称，例如 【"firebrick" 和 "limegreen"】。这两个名称不仅在RGB空间差异强烈（距离约246），而且语义上自带方向提示——“火砖红”指向警示/高值，“青柠绿”指向增长/基准。
第二步：在Vega-Lite的encoding.color中直接使用这些名称，而非十六进制码。Vega-Lite底层会自动解析为标准sRGB值，无需额外转换。
第三步：禁用自动调色板生成。在spec中显式声明scale.domain和range，避免Vega-Lite根据字段名自动分配相近色调。例如：{"domain": ["groupA", "groupB"], "range": ["firebrick", "limegreen"]}。
强制亮度差保障投影环境可读
方法一：用HSL空间手动校准。把选中的两个XKCD颜色转为HSL，确保L（亮度）值相差 ≥40。比如"firebrick"的L≈30，"limegreen"的L≈72，差值42，满足要求。若选中"skyblue"（L≈87）和"steelblue"（L≈52），差值仅35，需替换其中一个。
方法二：借助在线工具验证。打开xkcd-colors.herokuapp.com，输入颜色名，查看右侧“Perceptual Luminance”数值，直接比对差值。
注意：不要依赖RGB中R/G/B单通道差值判断亮度，人眼对G通道敏感度是R的1.8倍、B的3.2倍，必须用加权亮度公式计算。
在编码层添加纹理辅助识别
当颜色本身已足够区分，但用户仍反馈混淆时，在mark类型支持的前提下叠加纹理。例如将line图改为strokeDash：{"encoding": {"strokeDash": {"field": "group", "type": "nominal"}}}，使"groupA"显示实线、"groupB"显示短划线。这一步不改变颜色，但给视觉系统增加第二维线索。
该方案仅适用于line、area、rule等支持strokeDash的mark类型。bar或point类型不可用此法。
纹理必须与颜色绑定同一字段，否则会破坏分组逻辑——【若strokeDash按"category"分，而color按"group"分，图表将彻底失序】。
