Skip to content

颜色

核心颜色

品牌色对齐重庆理工大学官方视觉识别手册(2024.04)的标准色,以主蓝色为主,金色为辅助点缀色。

#0068B7
Brand Blue

主按钮、链接、Logo 主体

#DDBA8F
Gold

标志节点、小面积装饰点缀

#E60012
Red

警示、错误状态与点缀

#0B1F33
Ink Navy

正文和深色背景

#F7FAFC
Canvas

亮色页面背景

#D7E2EA
Border

边框和分隔线

官方色值对照

印刷场景优先使用 Pantone 色值,无法使用时以 CMYK 替代;屏幕显示场景使用 RGB 或十六进制色值。实际应用以 Pantone 色卡为最终校准标准。

色彩Pantone 色值CMYK 色值RGB 色值十六进制色值
主蓝色661CC100 M50 Y0 K0R0 G104 B183#0068B7
金色P 18-9 UC15 M30 Y45 K0R221 G186 B143#DDBA8F
黑色BLACKC100 M100 Y100 K100R0 G0 B0#000000
红色REDC0 M100 Y100 K0R230 G0 B18#E60012
白色-C0 M0 Y0 K0R255 G255 B255#FFFFFF

辅助渐变色

官方 VI 提供以主蓝色为基础的辅助渐变色阶,用于视觉氛围装饰,基础色值同主蓝色。

#596FB2
Indigo

渐变深端、氛围装饰与插画

#BCC5E0
Periwinkle

渐变中段、浅色氛围背景

#E1C4AB
Sand

渐变暖段、装饰点缀

#F3E7DD
Cream

渐变浅端、浅色氛围背景

色彩十六进制色值
Indigo#596FB2
Periwinkle#BCC5E0
Sand#E1C4AB
Cream#F3E7DD

渐变色仅用于大面积背景、氛围插画与装饰图形,不得用于文本、按钮、表单等界面元素。暖色端(Sand、Cream)占比需克制,保持主蓝色主导。

使用比例

品牌物料(封面、海报、横幅、旗帜等)遵循官方 VI 的色彩比例:主蓝色为品牌主色,整体占比需大于 80%;金色为辅助点缀色,整体占比不超过 20%。

软件界面以可访问性为准:中性色与充足留白打底,Brand Blue 用于关键动作、当前高亮与链接,金色仅限标志节点、装饰等小面积点缀,红色仅用于警示与错误。同一视口内通常只保留一个实心品牌蓝的核心操作按钮。

语义色

成功、警告、错误和信息等系统提示,必须遵循本规范定义的对应语义色。除色彩变化外,还需结合图标、标题或状态文本辅助展示。错误与危险状态使用官方红色 #E60012,不可将金色误用作成功状态指示。

亮暗主题

组件开发应按用途选用语义色,而非直接套用原始色阶。亮色主题下的主操作按钮使用 Brand Blue;暗色主题下的主操作按钮则采用 Soft Blue 配 Ink Navy 文本。插图、Logo 以及状态色均需在亮暗双重主题下进行单独视觉复核,避免进行粗暴的反相处理。

渐变

渐变配色仅用于仓库封面、社交分享图以及大面积品牌插画。交互按钮、表单输入框、数据表格和状态标签等基础元素均不使用渐变样式。

官方 VI 允许使用主题色渐变:0%、90%、100% 三个色标均使用主蓝色 #0068B7(CMYK C100 M50 Y0 K0),渐变只通过透明度与叠加呈现、不改变色相。

色标CMYK 色值RGB 色值十六进制色值
0%C100 M50 Y0 K0R0 G104 B183#0068B7
90%C100 M50 Y0 K0R0 G104 B183#0068B7
100%C100 M50 Y0 K0R0 G104 B183#0068B7
  • 封面与分享图:使用官方主题色渐变,主蓝色通过透明度形成过渡(如 #0068B7 → rgba(0, 104, 183, 0)),不混入其他色相。
  • 大面积氛围背景:可使用官方辅助渐变色阶的浅色端 #BCC5E0 → #E1C4AB → #F3E7DD,暖色端须超出画布边界或控制占比,防止画面过亮。
  • 金色仅作为节点与点缀色,不进入渐变主轴线。

基于 CC BY-NC 4.0 许可协议共享