米兰体育app下载 调色板

我们的调色板在为所有通信提供明显一致的外观方面发挥着至关重要的作用。绿色是我们的主色,因为它反映了我们绿色校园的自然美景。

为印刷应用的配色和专色墨水提供特定的 Pantone® 编号。印刷色 (CMYK) 值可满足 4 色打印需求。还为数字应用程序提供了 RGB 和 Hex 颜色值。

通过遵守这些准则,我们保持了一个有凝聚力和影响力的调色板,可以在各种环境中有效地代表大学的品牌。此页面显示了经过批准的颜色搭配,可以应用、测试以通过 WCAG 2.1 AA 级可访问性标准。


02 绿色
  • #006938
  • 0, 105, 56
  • 90, 32, 93, 24
  • 潘通 349
  • WCAG 2.1 AA 级
  • 70% - 大文本
  • 白色 - 大/普通文本
01 绿色
  • #76b72a
  • 118, 183, 42
  • 60, 0, 100, 0
  • 潘通 368
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本

原色

我们的主色调经过精心挑选,旨在识别和区分我们。

绿色是我们的主要颜色 - Heritage Green (02 Green) 和绿色能源(01 绿色)- 并成为我们品牌形象的基石。

实际上,这意味着绿色显然应该是主色贯穿所有品牌传播。这使我们能够建立强大且可识别的视觉形象。

03 绿色
  • #005734
  • 0, 87, 52
  • 93, 38, 88, 38
  • 潘通 7484
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大/普通文本
  • 白色 - 大/普通文本
70% 色调 01 绿色
  • #9fcc69
  • 159, 204, 105
  • 60, 0, 100, 0
  • 潘通 368
  • WCAG 2.1 AA 级
  • 02 - 大文本
  • 03 - 大/普通文本
  • 黑色 - 大/普通文本

除了传统绿 (02 Green) 和能源绿 (01 Green) 之外,我们还推出了两种新的绿色色调和色调 -(03 绿色和 70% 色调 01 绿色),这些应用作强调色,以便为我们的绿色原色调色板增添活力。


间色

我们的辅助调色板让大学里丰富多彩的世界变得栩栩如生。

这些颜色都经过精心挑选,以确保它们与我们的原绿色搭配。它们以深色(左)到浅色(右)的色调等级显示,应作为单独的颜色集使用,而不是混合使用。

不要混合颜色!我们使用有限的调色板来控制一切,并让我们的主要果岭发挥作用。

使用相同颜色组的色调来创建同色系效果,使您的作品看起来充满活力,但又干净又专业。

在此处的键中,您可以查看调色板中每种颜色组合的文字颜色 - 对于标题、标题和正文(大文本/普通文本)。

03 青色
  • #003A3D
  • 0, 58, 61
  • 93, 51, 56, 59
  • 潘通 309
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 青色
  • #005e63
  • 1, 94, 99
  • 88, 38, 49, 33
  • 潘通 7708
  • WCAG 2.1 AA 级
  • 白色 - 大/普通文本
01 青色
  • #008996
  • 0, 137, 150
  • 82, 25, 37, 8
  • 潘通 321
  • WCAG 2.1 AA 级
  • 白色 - 大文本
  • 黑色 - 大/普通文本
70% 色调 01 青色
  • #4cacb5
  • 77, 172, 181
  • 82, 25, 37, 8
  • 潘通 321
  • WCAG 2.1 AA 级
  • 03 - 大/普通文本
  • 黑色 - 大/普通文本
03 蓝色
  • #122c54
  • 18, 44, 84
  • 100, 85, 39, 34
  • 潘通 540
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 蓝色
  • #2c498a
  • 44, 73, 138
  • 93, 74, 16, 3
  • 潘通 7684
  • WCAG 2.1 AA 级
  • 70% - 大文本
  • 白色 - 大/普通文本
01 蓝色
  • #3d7dca
  • 61, 125, 202
  • 77, 46, 0, 0
  • 潘通 660
  • WCAG 2.1 AA 级
  • 白色 - 大文本
  • 黑色 - 大/普通文本
70% 色调 01 蓝色
  • #77a4da
  • 119, 164, 218
  • 77, 46, 0, 0
  • 潘通 660
  • WCAG 2.1 AA 级
  • 02 - 大文本
  • 03 - 大/普通文本
  • 黑色 - 大/普通文本
03 紫色
  • #3F0066
  • 63, 0, 102
  • 92, 100, 26, 20
  • 潘通 2617C
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 紫色
  • #592c82
  • 89, 44, 130
  • 81, 96, 4, 0
  • 潘通 268
  • WCAG 2.1 AA 级
  • 白色 - 大/普通文本
01 紫色
  • #9053C6
  • 44, 83, 198
  • 56, 76, 0, 0
  • 潘通 7442C
  • WCAG 2.1 AA 级
  • 黑色 - 大文本
  • 白色 - 大/普通文本
70% 色调 01 紫色
  • #b186d7
  • 177, 134, 215
  • 56, 76, 0, 0
  • 潘通 7442C
  • WCAG 2.1 AA 级
  • 02 - 大文本
  • 03 - 大/普通文本
  • 黑色 - 大/普通文本
03 粉色
  • #511535
  • 81, 21, 53
  • 53, 96, 38, 58
  • 潘通 5125
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 粉色
  • #7c184f
  • 124, 24, 79
  • 43, 99, 30, 32
  • 潘通 216
  • WCAG 2.1 AA 级
  • 70% - 大文本
  • 白色 - 大/普通文本
01 粉色
  • #e80068
  • 232, 0, 104
  • 0, 100, 31, 0
  • 潘通红宝石红
  • WCAG 2.1 AA 级
  • 白色 - 大/普通文本
  • 黑色 - 大/普通文本
70% 色调 01 粉色
  • #ef4c95
  • 239, 76, 149
  • 0, 100, 31, 0
  • 潘通红宝石红
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本
03 橙色
  • #852903
  • 133, 41, 3
  • 30, 90, 100, 36
  • 潘通 7526
  • WCAG 2.1 AA 级
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 橙色
  • #d9541a
  • 217, 84, 26
  • 10, 76, 98, 1
  • 潘通 1595
  • WCAG 2.1 AA 级
  • 白色 - 大/普通文本
01 橙色
  • #FF6D00
  • 255, 109, 0
  • 0, 67, 94, 0
  • 潘通 1505
  • WCAG 2.1 AA 级
  • 白色 - 大/普通文本
  • 黑色 - 大/普通文本
70% 色调 01 橙色
  • #ff994c
  • 255, 153, 76
  • 0, 67, 94, 0
  • 潘通 1505
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本
03 黄色
  • #7b5c18
  • 123, 92, 4
  • 37, 51, 98, 40
  • 潘通 7552
  • WCAG 2.1 AA 级
  • 02 - 大文本
  • 01 - 大文本
  • 70% - 大文本
  • 白色 - 大/普通文本
02 黄色
  • #edab00
  • 237, 171, 0
  • 6, 36, 97, 0
  • 潘通 130
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本
01 黄色
  • #f4c400
  • 244, 196, 0
  • 6, 22, 96, 0
  • 潘通 7406
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本
70% 色调 01 黄色
  • #f7d64c
  • 247, 214, 76
  • 6, 22, 96, 0
  • 潘通 7406
  • WCAG 2.1 AA 级
  • 03 - 大文本
  • 黑色 - 大/普通文本

中性色

一套精心策划的中性色支持我们的辅助色库。

您可以在整个宣传材料中使用这些颜色作为背景或强调色,以在必要时提供温暖。这些非常适合为抵押品提供优质的吸引力,但请记住我们的主要绿色应该出现在我们所做的一切中。

请勿仅使用中性调色板创建任何文档.

04 中性
  • #3a3a26
  • 58, 58, 38
  • 66, 54, 77, 64
  • 潘通 5747
  • WCAG 2.1 AA 级
  • 01 绿色 - 大/普通文本
  • 70% 01 - 大/普通文本
  • 白色 - 大/普通文本
03 中性
  • #5f6350
  • 95, 99, 80
  • 58, 43, 62, 36
  • 潘通 417
  • WCAG 2.1 AA 级
  • 70% 01 - 大文本
  • 白色 - 大/普通文本
02 中性
  • #97956d
  • 151, 149, 109
  • 42, 30, 60, 3
  • 潘通 451C
  • WCAG 2.1 AA 级
  • 白色 - 大文本
  • 黑色 - 大/普通文本
01 中性
  • #d1d1c9
  • 209, 209, 201
  • 21, 15, 21, 1
  • 潘通暖灰色 1 C
  • WCAG 2.1 AA 级
  • 03 - 绿色 - 大/普通文本
  • 02 - 绿色 - 大/普通文本
  • 04 - 中性 - 大/普通文本
  • 黑色 - 大/普通文本

三次色

我们的三级颜色应用于正文和一些消息传递。

对于正文来说,灰色是黑色的替代选项,尤其是在文本量很大的情况下,软化副本颜色将有助于提高可读性。

仅使用提供的文本颜色选项。

请勿仅使用黑白创建任何文档。

黑色
  • #000000
  • 0, 0, 0
  • 0, 0, 0, 100
  • 潘通黑色
  • WCAG 2.1 AA 级
  • 02 - 大文本
  • 01 - 绿色 - 大/普通文本
  • 70% 01 - 大/普通文本
  • 白色 - 大/普通文本
灰色
  • #3a3c39
  • 58, 60, 57
  • 68, 56, 59, 63
  • 潘通 447
  • WCAG 2.1 AA 级
  • 01 - 绿色 - 大/普通文本
  • 70% 01 - 大/普通文本
  • 白色 - 大/普通文本
白色
  • #ffffff
  • 255, 255, 255
  • 0, 0, 0, 0
  • 潘通白
  • WCAG 2.1 AA 级
  • 03 - 绿色 - 大/普通文本
  • 02 - 绿色 - 大/普通文本
  • 黑色 - 大/普通文本

颜色示例

在线颜色使用

使用调色板时应始终注意易读性问题,并避免在浅色上使用白色文本,在深色上使用黑色文本。

为了遵守在线无障碍指南,请确保颜色使用之间存在足够的对比度。

请使用此链接访问数字合同检查工具:webaim.org/resources/contrastchecker