色号

本页面汇集了与汇佳学校及迪普菲文化相关的各种色号调式,目的是为设计、创意以及文化研究提供一个色号美学系统。
本页分为两部分:「现实」记录汇佳学校实际使用的颜色;「虚构」记录VGR世界中迪普菲各组织的颜色。两部分的颜色在HUIJIA FUN上也承担分区的作用:档案区以汇佳绿和汇佳黄黑为标识,设定区以迪普菲紫为标识,创作区以魔万深绿为标识。
现实:汇佳学校
汇佳学校的主色调为绿色,这体现在汇佳的各处装潢设计中——汇佳旗的底色(#025F32)(注:存在多个底色配色设计方案,编者认为这是汇佳请了不同的设计师的原因)、绿龙卡的绿龙LOGO(#3B7E3D)、汇佳学校大门校名展示边框(#969682)。
除此之外,汇佳学校的LOGO及部分校服以黄黑相间作为相间色调,黄色,代表热情和向往;黑色,代表困难和理性。这或许反映出孩子们的高中时代的心路历程——汇佳黄(#FFF200)、汇佳黑(#000000)、汇佳白(#FFFFFF)。
汇佳学校的12IB届曾以汇佳的LOGO黄黑相间的色调为纲,以毕业为主题,创作了歌曲《黄黑时代》,歌曲讲述包含着三年高中生活的精髓和学生们对母校的不舍。以顺序时间讲述了从踏入高中到如今离别时刻的回忆和感慨。[1]以下为《黄黑时代》在更多资料中的信息:
汇佳官方色号
| 色块 | 名称 | 色号 | 对白底 | 对黑底 | 作文字 | 来源 |
|---|---|---|---|---|---|---|
| 汇佳绿 | #025F32 |
7.82 | 2.69 | 仅浅底 | 汇佳旗底色 | |
| 绿龙绿 | #3B7E3D |
4.96 | 4.24 | 仅浅底 | 绿龙卡LOGO | |
| 汇佳文字边框绿 | #969682 |
3.01 | 6.98 | 仅深底 | 校门校名边框 | |
| 汇佳黄 | #FFF200 |
1.17 | 17.95 | 仅深底 | LOGO、校服 | |
| 汇佳黑 | #000000 |
21.00 | 1.00 | 仅浅底 | LOGO、校服 | |
| 汇佳白 | #FFFFFF |
1.00 | 21.00 | 仅深底 | LOGO、校服 |
「对白底」「对黑底」为WCAG 2.x标准下的对比度,正文文字需≥4.5:1,大字与图形需≥3:1。汇佳黄在白底上只有1.17:1,只能放在黑底上使用;汇佳文字边框绿在白底上只有3.01:1,适合作边框和线条,不适合作正文。
虚构:VGR
以下内容为《墨绿色的启示录》(VGR)的虚构设定,不是汇佳学校的现实信息。
迪普菲文化色号
| 色块 | 名称 | 色号 | 对白底 | 对黑底 | 作文字 | 来源 |
|---|---|---|---|---|---|---|
| 魔万深绿 | #2F4F2F |
9.21 | 2.28 | 仅浅底 | 魔万学生会社LOGO | |
| 魔万浅绿 | #C1E1A6 |
1.44 | 14.59 | 仅深底 | 魔万学生会社LOGO | |
| 迪普菲紫 | #3F3954 |
10.91 | 1.92 | 仅浅底 | 迪普菲都市城市LOGO | |
| 迪普菲墨绿 | #025F32 |
7.82 | 2.69 | 仅浅底 | 迪普菲都市城市LOGO,与汇佳绿同值 | |
| 华少蓝 | #002F9C |
11.13 | 1.89 | 仅浅底 | 三法行华少派旗帜“华少三法旗” | |
| 星光黄 | #FFD700 |
1.40 | 14.97 | 仅深底 | 三法行华少派旗帜“华少三法旗” | |
| 三法行绿 | #00851A |
4.81 | 4.37 | 仅浅底 | 三法行华少派“三法行”配色 | |
| 三法行紫红 | #9C0071 |
7.92 | 2.65 | 仅浅底 | 三法行华少派“三法行”配色 |
迪普菲墨绿与汇佳绿是同一个颜色,这是现实与虚构之间唯一共用的色号,也是HUIJIA FUN全站的母色。
水淼宗·六坛水法
六坛水法的六色按同一套规则设计:
- 同一片水。六色都带一点青绿的冷调,黑坛是偏青的墨黑,白坛是偏青的水白,不用纯黑纯白。色彩饱和度统一压低,保持克制。
- 明度等距。按感知明度(OKLab)从暗到亮依次为:黑坛、蓝紫坛、绿坛、橙坛、粉坛、白坛,相邻两级拉开的距离大致相同。转成灰度或黑白印刷时,六坛仍能分开。
- 与分区色分开。绿坛偏青,不与汇佳绿混淆;蓝紫坛比迪普菲紫更亮、更饱和。
- 黑白互为字色。黑坛色块上写白坛色的字,白坛色块上写黑坛色的字,对比度均为13.93:1。
| 坛 | 坛色 | 坛色上的字 | 浅底文字色 | 浅底 | 深色模式文字色 |
|---|---|---|---|---|---|
| 黑坛 | #132624 |
#E8F3F2(13.93:1) |
#132624(14.39:1) | #E7EFEE |
#768B89(5.07:1) |
| 粉坛 | #E6AAC0 |
#132624(8.17:1) |
#8E596E(5.03:1) | #FCE6EE |
#E6AAC0(9.47:1) |
| 绿坛 | #1E8469 |
#FFFFFF(4.61:1) |
#04785D(4.97:1) | #DAF4EA |
#38987B(5.18:1) |
| 白坛 | #E8F3F2 |
#132624(13.93:1) |
#616B6A(5.01:1) | #EAEEED |
#E8F3F2(16.14:1) |
| 蓝紫坛 | #50418C |
#FFFFFF(8.48:1) |
#50418C(7.73:1) | #ECEAFF |
#887DC7(5.06:1) |
| 橙坛 | #D3823D |
#132624(5.28:1) |
#9E5711(5.00:1) | #FDE8DA |
#CB8650(6.15:1) |
- 坛色:坛的标识色,用于坛徽、色条、章节卡顶边、专辑封面。
- 浅底文字色:在正文中以文字标示某坛时使用,在白底与纸色底上均≥4.6:1。
- 浅底:某坛相关段落、引文的背景色,上面放浅底文字色。
- 深色模式文字色:深色背景上标示某坛时使用。
六坛并列(按坛序)
#132624
#E6AAC0
#1E8469
#E8F3F2
#50418C
#D3823D
明度阶梯(由暗到亮)
#132624
#50418C
#1E8469
#D3823D
#E6AAC0
#E8F3F2
使用限制:
- 白坛色与浅底几乎相同(1.03:1),在浅色页面上必须加1px黑坛色边框;黑坛色在深色页面上同样要加浅色描边。
- 六坛色只用于水淼宗相关内容,不作页面分区色。
- 用作图表或图例时,每一坛都要配文字,不能只靠颜色区分。
配色设计
以下配色按比例展示:色段越宽,在画面中所占面积越大。每个配色标明各颜色的角色——底(大面积背景)、主(标题、主要图形)、字(正文文字)、点缀(小面积强调)、线(边框、分隔)。
原有配色的修订
原有配色保留原名,修订版的颜色构成基本不变,主要调整的是比例、角色和相邻颜色的明度差。两个明度接近的颜色并排时,在灰度下几乎无法区分,修订时尽量避免这种情况。
汇佳绿 / 魔万绿 / 迪普菲墨绿
优雅 #F5F5DC #025F32 #C8A97E #16211B
#F5F5DC
#025F32
#C8A97E
#16211B
原配色中灰褐(#BDB3A9)与旧金(#C8A97E)的对比度仅1.08:1,并排时难以分辨。修订版去掉灰褐,加入深墨绿作文字色。米底上的汇佳绿为7.07:1,可作标题。旧金只作点缀,不作文字。适合专辑封面、请柬、印刷物。
阶梯 #025F32 #3B7E3D #6B9E69 #96BF87 #C1E1A6
#025F32
#3B7E3D
#6B9E69
#96BF87
#C1E1A6
原配色中绿龙绿到魔万浅绿的明度跳跃过大(3.44:1),而汇佳绿到绿龙绿又太接近。修订版在两者之间插入#6B9E69与#96BF87,五级按感知明度(OKLab)等距排列,第二级以官方的绿龙绿代替计算值#3F7E4D。白色移出阶梯,作为底色使用。适合图表、等级、层级导航。
汇世启示录 #C1E1A6 #2F4F2F #969682 #025F32
#C1E1A6
#2F4F2F
#969682
#025F32
原配色中魔万深绿与汇佳绿对比度仅1.18:1。修订版不再让两者并排,魔万深绿只作文字,汇佳绿作主色,以魔万浅绿为底,汇佳文字边框绿作线条。
汇佳黄黑
经典 #000000 #FFF200 #FFFFFF
#000000
#FFF200
#FFFFFF
汇佳黄必须放在汇佳黑上(17.95:1),不能放在白底上(1.17:1)。修订版以黑为底,黄为主,白作小字。
工业 #000000 #FFF200 #969682 #FFFFFF
#000000
#FFF200
#969682
#FFFFFF
汇佳文字边框绿在黑底上为6.98:1,可作次要文字和线条。它与汇佳黄只有2.57:1,两者之间要隔开。
迪普菲都市
赛博 #0D0D12 #3F3954 #C1E1A6 #66EEBB
#0D0D12
#3F3954
#C1E1A6
#66EEBB
原配色中迪普菲紫、汇佳绿、黑三色都很暗,两两对比度在1.4:1至2.7:1之间,画面发闷。修订版以近黑#0D0D12为底,迪普菲紫作面板,魔万浅绿作文字(13.46:1),加入亮绿#66EEBB作高亮。汇佳绿退为细线。
贵族 #3F3954 #FFD700 #FFFFFF #025F32
#3F3954
#FFD700
#FFFFFF
#025F32
迪普菲紫与汇佳绿对比度仅1.4:1,不宜大面积并排。修订版以迪普菲紫为底,星光黄作主(7.78:1),汇佳绿只作细线。
华少三法旗
澄明 #002F9C #FFD700 #FFFFFF
#002F9C
#FFD700
#FFFFFF
本组配色本身已经清晰:星光黄在华少蓝上为7.94:1,白为11.13:1。修订只规定比例。
三法行 #002F9C #FFD700 #00851A #9C0071
#002F9C
#FFD700
#00851A
#9C0071
四色等宽,适合旗帜与徽章,不适合界面。三法行绿与三法行紫红明度接近(1.65:1),红绿色觉障碍读者可能难以分辨,用作图表时需另加文字标注。
综合
绿色启示录 #F3F5F1 #025F32 #002F9C #969682 #FFD700
#F3F5F1
#025F32
#002F9C
#969682
#FFD700
汇佳绿与华少蓝对比度仅1.42:1,两者面积应拉开。修订版加入浅底,星光黄只作点缀,且只放在深色块上。
魔万社 #FFFFFF #3F3954 #3B7E3D #C1E1A6
#FFFFFF
#3F3954
#3B7E3D
#C1E1A6
魔万浅绿在白底上只有1.44:1,只作色块,上面放迪普菲紫文字(7.58:1)。
新增配色
界面
HUIJIA FUN各区页面所用的颜色。 纸本 #F3F5F1 #16211B #025F32 #C9D3CA
#F3F5F1
#16211B
#025F32
#C9D3CA
档案区与全站默认。偏绿的冷灰纸色,正文对比度15.1:1,汇佳绿7.13:1。
迪普菲·昼 #E9E7F0 #16211B #3F3954 #B9B2D6
#E9E7F0
#16211B
#3F3954
#B9B2D6
设定区。以迪普菲紫调出淡紫灰底,正文13.53:1。
夜读 #111613 #E4EBE5 #C1E1A6 #3B7E3D
#111613
#E4EBE5
#C1E1A6
#3B7E3D
全站深色模式。汇佳绿在深底上只有2.3:1,深色模式下改由魔万浅绿担任主色(12.71:1);按钮等实心块用绿龙绿,配白字(4.96:1)。
档案签条 #000000 #FFF200 #F3F5F1 #025F32
#000000
#FFF200
#F3F5F1
#025F32
档案区页首的黑黄签条与其下方纸面的组合。黄黑只出现在档案区,设定区与创作区不使用。
作品
史料 #F5F5DC #2F4F2F #969682 #C8A97E
#F5F5DC
#2F4F2F
#969682
#C8A97E
由「优雅」与「汇世启示录」衍生,四色都来自已有色号。米底上魔万深绿为8.32:1。适合编年、经卷、史料腔的版面。
金蓝经卷 #F5F5DC #002F9C #FFD700 #16211B
#F5F5DC
#002F9C
#FFD700
#16211B
三法行华少派印刷物。星光黄在米底上不可见,只用于蓝色块上的纹样与小字。
迪普菲·夜 #0D0D12 #101018 #3F3954 #C1E1A6 #22CC66
#0D0D12
#101018
#3F3954
#C1E1A6
#22CC66
由原STR主题的深色变量整理而来,去掉了扫描线与发光。
三区 #025F32 #3F3954 #2F4F2F #FFF200
#025F32
#3F3954
#2F4F2F
#FFF200
HUIJIA FUN三个区的标识色并列,用于站点总览与导航图。三者明度接近,仅用于色块,并配文字标签。
使用原则
- 正文文字与底色对比度≥4.5:1;大字(24px以上)、图标、边框≥3:1。
- 汇佳黄、星光黄、魔万浅绿、米、灰褐、旧金都不能作浅底上的文字。
- 两个颜色的对比度低于1.5:1时不要大面积并排;必须并排时,用线条或第三种颜色隔开。
- 汇佳黄黑只用于现实的汇佳档案;迪普菲紫只用于VGR设定;三法行华少派的四色只在写到该派时出现。
- 配色比例建议为底60%、主30%、点缀10%左右,文字色另计。
- 图表、标签不能只靠颜色区分,需配文字。
- 水淼宗六坛色适用于支线Apocrypha系列《水淼未灭》相关内容,通常不与分区色混用。
- ↑ 見多識廣:女兒的《黃黑時代》 - 香港文匯報. (2015, June 30). http://paper.wenweipo.com/2015/06/30/CF1506300005.htm
