03 · COLOR

色彩

所有颜色以品牌视觉板 SVG 原文件为唯一来源：一组紫色色阶负责身份，墨黑与灰白构成空间，珊瑚橙是唯一的强调色。Logo 渐变只属于 Logo。

主色强调色与中性色 Logo 渐变用色比例对比度印刷

主色 · 紫色色阶

#6857E7

奈势紫 NexAI PurpleRGB 104 87 231
CMYK C55 M62 Y0 K9（参考）
--nx-purple
主行动、选中、身份强调

#3C237C

深紫 Deep PurpleRGB 60 35 124
CMYK C52 M72 Y0 K51（参考）
--nx-purple-deep
悬停 / 按下、深色强调块

#BBBBFE

薰衣草紫 LavenderRGB 187 187 254
CMYK C26 M26 Y0 K0（参考）
--nx-lavender
装饰、图表辅助、墨黑底强调字

#F1F0FD

雾紫 MistRGB 241 240 253
CMYK C5 M5 Y0 K1（参考）
--nx-mist
浅底面板、选中底色、标签底

强调色与中性色

#FF604A

珊瑚橙 CoralRGB 255 96 74
CMYK C0 M62 Y71 K0（参考）
--nx-coral
唯一强调色：截止、限时、增长

#262626

墨黑 InkRGB 38 38 38
CMYK C0 M0 Y0 K85（参考）
--nx-ink
正文标题、深色背景

#6E6E73

中灰 GrayRGB 110 110 115
CMYK C4 M4 Y0 K55（参考）
--nx-gray
次要文字、说明、图标

#F6F6F8

浅灰 SurfaceRGB 246 246 248
CMYK C1 M1 Y0 K3（参考）
--nx-surface
页面背景、分区底色

#FFFFFF

白 WhiteRGB 255 255 255
CMYK C0 M0 Y0 K0（参考）
--nx-white
画布、卡片、深底文字

功能色（成功绿 #08755F / 警示 #B45F06 / 危险红 #B42318）沿用产品设计系统，仅用于产品界面状态提示，不进入品牌、营销、印刷物料。

Logo 渐变 · 仅限 Logo

紫 #7417FF 自 25% 处起，过渡到橙 #FE6702。只存在于 Logo 图形标内部。

#7417FF 25% → #FE6702

Logo 渐变--nx-gradient-logo · 只在 Logo 图形标内部

✕ 禁止

把 #7417FF、#FE6702 当作界面或物料的独立颜色
把 Logo 渐变用于卡片、按钮、背景、文字或图形
调换渐变方向、改变起点或加入第三种颜色
#F26322 不是品牌色，任何场景都不使用；橙色强调一律用珊瑚橙 #FF604A

用色比例

产品界面以白灰为主，奈势紫 ≤ 10%；营销物料可将墨黑提升为主背景（≤ 60%）；珊瑚橙每个版面 ≤ 5% 且只出现一处。

白 / 浅灰 55% · 墨黑 20% · 奈势紫 10% · 浅紫阶 8% · 深紫 4% · 珊瑚橙 ≤ 3–5%

可访问性对比度 · WCAG AA

正文 ≥ 4.5:1；≥ 18px 粗体或 ≥ 24px 常规的大字 ≥ 3:1。

组合	对比度	等级	结论
Aa 奈势 #FFFFFF on #6857E7	5.11	AA	奈势紫按钮白字 ✓
Aa 奈势 #FFFFFF on #3C237C	12.18	AAA	深紫底白字 ✓
Aa 奈势 #FFFFFF on #262626	15.13	AAA	墨黑底白字 ✓
Aa 奈势 #BBBBFE on #262626	8.40	AAA	墨黑底强调字 ✓
Aa 奈势 #6857E7 on #262626	2.96	不通过	墨黑底不用奈势紫文字
Aa 奈势 #262626 on #FF604A	5.06	AA	珊瑚橙底用墨黑字
Aa 奈势 #FFFFFF on #FF604A	2.99	不通过	珊瑚橙底不放白色小字
Aa 奈势 #6857E7 on #F1F0FD	4.54	AA	雾紫底紫字 ✓
Aa 奈势 #6E6E73 on #FFFFFF	5.07	AA	次要文字 ✓

印刷色值参考值

CMYK 为屏幕色换算的参考值，PANTONE 专色尚未指定。奈势紫与 Logo 渐变紫超出四色印刷色域，重要物料请由品牌组指定专色并实物打样。

ASE

色板文件

Adobe ASE、GIMP / Inkscape GPL、JSON，包含全部 9 个品牌色。

ASE GPL JSON tokens.css

色彩