色号

来自HUIJIA FUN

汇佳旗

本页面汇集了与汇佳学校及迪普菲文化相关的各种色号调式,目的是为设计、创意以及文化研究提供一个色号美学系统。

本页分为两部分:「现实」记录汇佳学校实际使用的颜色;「虚构」记录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系列《水淼未灭》相关内容,通常不与分区色混用。
  1. ↑ 見多識廣:女兒的《黃黑時代》 - 香港文匯報. (2015, June 30). http://paper.wenweipo.com/2015/06/30/CF1506300005.htm