易 易 工 作 室

易易颜色分类系统

易易颜色分类系统设计基础

源起

在人们的生活过程中,经常会用颜色来代表明显的意图,例如,常用红,绿,黄代表禁止,允许和警告,这跟使用交通警示灯的颜色有极大的关联。而在中国股市常以红色代表涨,绿色代表跌,而对于各种数字币交易平台却正好相反,绿色表示涨而红色表示跌。这样的颜色表示会在一定范围内造成困扰。为了尽最大可能的消除这些困扰,经过较长时间的实践,易易准备以《易经》及相关理论为基础,重新定义各种颜色的具象,并用这种分类来代表所对应的事物。

以颜色以类万物

《易经》系辞下传中说:“古者包羲氏之王天下也,仰则观象于天,俯则观法于地,观鸟兽之文与地之宜,近取诸身,远取诸物,于是始作八卦,以通神明之德,以类万物之情。”古代通过观物取象特别是用八卦模拟出事物所像征的意义,但是却没有在颜色上进行取象,或者有可能曾经有古人用颜色具象,也很难在古籍或文献中得以传播。而颜色在现代社会则不再像古代那样难以流传,特别是在各类电脑、手机等屏幕上的有着广泛的应用并可以以数字的方式得以传播和流传。易易根据《易经》以及《梅花易数》取象的方法,定义颜色和易经卦象之间的关系,用颜色去类万物之情,此种颜色分类也称为易易颜色分类系统

相关原则和方法

根据《系辞》上传的第十一章原文:“是故,易有大极,是生两仪,两仪生四象,四象生八卦”,易易的颜色分类也是从太极开始,暂时到到六十四卦为止,其中16和32两种分类也暂时不做,使用最多的将会是八卦的8种颜色和六十四卦的64种颜色。颜色方案根据计算机显示的特点采用RGB方式而不是HSL方式,并对应天地人进行配色,以R对应地,G对应人,B对应天。RGB分别使用不同强度的四个值为主进行配置,这四种颜色强度分别为33,66,99和cc,分别代表了光线到眼睛的强度。根据赫林的颜色理论,白、红、黄起破坏作用,而黑、绿、蓝起建设作用,因此这里“阴”颜色光线强颜色浅,而“阳”的颜色光线弱颜色深。这也是跟在白色背景上使用颜色习惯相对应。

优点和不足之处

所有颜色根据一套规则,由计算机程序自动生成(具体是使用SCSS生成相对应的CSS)。因此,这套颜色对计算机代码非常友好,但是用程序自动生成的方式所对应的颜色可能同实际生活中对颜色的感觉会有所不同,特别是有些颜色用在前景或背景时会出现一定的撞色现象,在现实生活中应该根据相关的颜色理论以及人眼的特点进行调整,在这方面谷歌的Material Design做得非常好,可以作为调整的参考。另一方面按照程序所生成的颜色跟卦象所对应的颜色会有所区别,并且显示的颜色跟打印的颜色也会有所区别,这需要对《易经》卦象有极深的研究才能将卦对应上实际生活中的显示颜色以及打印颜色。这就好比在各种基于易理术数的预测方法中采用文王八卦会比伏羲八卦预测更为准确的说法一样。易易系统自动生成的颜色类似于伏羲八卦,而需要改动的颜色配置类似于文王八卦。而这种类似于文王八卦的配置颜色将需要对现代社会心理、颜色理论以及对易理卦象有非常深的研究才能对应上,而易易颜色分类系统采用如上一套规则得到这些颜色,已经能在一定程度上达到了取象类物的目的,可以广泛运用在各种需要颜色来进行分类的系统上

易易颜色分类系统表示方法

太极

太极对应的代号为e0,表示无色。

二仪

二仪对应的代号为e1,e为易,1代表2的1次方中的1,即21种,分别为阴和阳,根据《易经》“阴为偶,阳为奇”,所以对应的代号阴为e1_0阳为e1_1。根据阴阳的辨证关系,如果我们把阴阳对应于背景和前景颜色,则阴对应坤,厚德载物,对应地,因此阴对应的是背景颜色。阳对应亁,自强不息,对应天,因此阳对应的是前景颜色。如果我们用黑白来代表阳和阴,则背景为什么颜色那么阴则为什么颜色,前景为什么颜色则阳为什么颜色。在我们当代的实际生活中,经常是在白色上表现黑色(例如白纸上写黑字)要比在黑色上表现白色(黑板上写白粉笔字)更为常见,所以,易易选择白色作为阴的颜色,而黑色作为阳的颜色。对应的计算机16进制表所表示的颜色分别为#FFFFFF 和 #000000 可缩写为#FFF 和 #000。那么,如果在一种背景颜色上再去表现阴和阳,一种颜色将变成背景从而区分不出这种颜色。因此针对白色背景上表现阴和阳,我们将采用偏白的颜色作为阴,而偏黑的颜色作为阳,我们分别定义如下的颜色作为阴阳的颜色:

文字颜色

基于白色背景上文字颜色。

--阴 —阳

基于黑色背景上文字颜色。

--阴 —阳

背景颜色

该背景颜色同上面的文字颜色,文字颜色取了背景颜色的反向色。

--阴 —阳

四象

易易对应的代号为e2,代表的事物有22种类,即4种,分别对应太阴,少阳,少阴和太阳。根据四象的生成规则,我以阴爻代表0,阳爻代表1,并以此对应于计算机的二进制,我们将上爻对应于二进制的低位数,即右边的数字,下爻对应于二进制高位数,左边的数字。所以得到这四象的代号分别为:e2_0代表太阴,e2_1代表少阳,e2_2代表了少阴,e2_3代表了太阳。在白色背景上使用四种颜色表示,分别为:

文字颜色

基于白色背景上的文字颜色。

⚏太阴 ⚎少阳 ⚍少阴 ⚌太阳

基于黑色背景上的文字颜色。

⚏太阴 ⚎少阳 ⚍少阴 ⚌太阳

背景颜色

该背景颜色等同上面的了颜色,但文字颜色取了反向色。

⚏太阴 ⚎少阳 ⚍少阴 ⚌太阳

八卦

八卦对应的代号为e3,代表的事物有23种类,即8种,其卦符、文字和代号的对应关系为:☷坤e3_0, ☶艮e3_1, ☵坎e3_2, ☴巽e3_3, ☳震e3_4, ☲离e3_5, ☱兑e3_6, ☰乾e3_7。根据《易经》和《梅花易数》相关的理论,结合颜色在电脑里表示方式,总结出三套方案,最后经实践使用以及根据64卦的对应关系,采用了第一套方案,颜色说明如下:

  1. 坤,顺也,灰黄色,为地,为母。《梅花易数》其色为黑为黄,象征“柔顺”之色”,与乾之刚键深色相对。
  2. 艮,止也,粉红色,为山,为少男。《梅花易数》五色为黄。
  3. 坎,陷也,亮绿色,为水,为中男,《梅花易数》五色为黑。象征青山绿水的“绿水”之色。
  4. 巽,入也,泥黄色,为木,为长女,为风,《梅花易数》五色为青绿,碧洁白。这里象“树木”之色。
  5. 震,动也,谈青色,为雷,为长男,为龙,《梅花易数》五色为黑青,绿碧。
  6. 离,丽也,紫红色,为火,为中女,为日,为电,象燃烧之色,但又阳中有阴,红色中带有暗色。
  7. 兑,悦也,青绿色,为泽,为少女,《梅花易数》五色为白,这里为“青绿色”,较水之色更深。
  8. 乾,键也,深赤色,为天,为父,大赤,赤中带黑,黑中带赤,以深色示“刚键”之色。

从《梅花易数》来看,上述颜色基本上都能对应上,其中不能直接对应的颜色根据计算机显示颜色表示方法作了修正。

文字颜色

白色背景上的文字颜色。

☷坤 ☶艮 ☵坎 ☴巽 ☳震 ☲离 ☱兑 ☰乾

黑色背景上的文字颜色。

☷坤 ☶艮 ☵坎 ☴巽 ☳震 ☲离 ☱兑 ☰乾

背景颜色

该背景色即为前面的文字颜色,前景取了反向颜色,因此有撞色现象,可以根据需要对前景颜色进行调整。

☷坤 ☶艮 ☵坎 ☴巽 ☳震 ☲离 ☱兑 ☰乾

六十四卦

六十四卦对应的代号为e6,代表有26即64种类型的事物。对应于《易经》中的六十四卦,每一卦的代号按照伏羲八卦图的顺序进行对应,其中e6_0对应坤卦,e6_1对应剥卦,一直到e6_63对应亁卦。在易易颜色分类系统中,六十四卦同八卦颜色有着直接的关系,其中八卦的重卦颜色正好对应于六十四卦中相对应卦的颜色,即:☷坤 ☶艮 ☵坎 ☴巽 ☳震 ☲离 ☱兑 ☰乾分别对应于e6_0,e6_9,e6_18,e6_27,e6_36,e6_45,e6_54,e6_63。可以说六十四卦颜色是基于八卦颜色的,也可以说八卦颜色是来自六十四卦的。在《易经》六十四卦中一般以下卦为体卦或贞卦,因此,所有的六十四卦颜色均象其下卦之色,如下卦为乾者颜色均偏深色,而下卦为兑者颜色均带绿,而下卦为坤者颜色均显得淡,为离者均带红色,为兑巽均带黄红色,为震者均带青绿色。每一卦的颜色均可看成是两个八卦颜色之综合,既带有下卦之色亦带有上卦之色而以下卦为主。所有卦之颜色均不相同,并且错卦之间的颜色是相反的,即互为补色。所有颜色均能在白背景或黑背景上显示而不至于看不清卦之色彩,也就是说都能在浅色或深色背景上正确显示。《易经》第一第二卦为为乾坤两卦,计算得到的颜色为灰度颜色,为突出这两卦,因此特意做了点颜色修改,其余所有颜色均是网络安全颜色,能在所有系统和显示器上正确显示。《易经》的最后两卦为既济第六十三和未济第六十四,分别对应e6_42和e6_21对应的颜色正好的灰度无彩色的颜色。

文字颜色

在白色背景上的文字颜色

䷁坤 ䷖剥 ䷇比 ䷓观 ䷏豫 ䷢晋 ䷣萃 ䷋否
䷎谦 ䷳艮 ䷦蹇 ䷴渐 ䷽小过 ䷷旅 ䷞咸 ䷠遯
䷆师 ䷃蒙 ䷜坎 ䷺涣 ䷧解 ䷿未济 ䷮困 ䷅讼
䷭升 ䷑蛊 ䷯井 ䷸巽 ䷟恒 ䷱鼎 ䷛大过 ䷫姤
䷗复 ䷚颐 ䷂屯 ䷩益 ䷲震 ䷔噬嗑 ䷐随 ䷘无妄
䷣明夷 ䷕贲 ䷾既济 ䷤家人 ䷶丰 ䷝离 ䷰革 ䷌同人
䷒临 ䷨损 ䷻节 ䷼中孚 ䷵归妹 ䷥睽 ䷹兑 ䷉履
䷊泰 ䷙大畜 ䷄需 ䷈小畜 ䷡大壮 ䷍大有 ䷪夬 ䷀乾

在黑色背景上的文字颜色

䷁坤 ䷖剥 ䷇比 ䷓观 ䷏豫 ䷢晋 ䷣萃 ䷋否
䷎谦 ䷳艮 ䷦蹇 ䷴渐 ䷽小过 ䷷旅 ䷞咸 ䷠遯
䷆师 ䷃蒙 ䷜坎 ䷺涣 ䷧解 ䷿未济 ䷮困 ䷅讼
䷭升 ䷑蛊 ䷯井 ䷸巽 ䷟恒 ䷱鼎 ䷛大过 ䷫姤
䷗复 ䷚颐 ䷂屯 ䷩益 ䷲震 ䷔噬嗑 ䷐随 ䷘无妄
䷣明夷 ䷕贲 ䷾既济 ䷤家人 ䷶丰 ䷝离 ䷰革 ䷌同人
䷒临 ䷨损 ䷻节 ䷼中孚 ䷵归妹 ䷥睽 ䷹兑 ䷉履
䷊泰 ䷙大畜 ䷄需 ䷈小畜 ䷡大壮 ䷍大有 ䷪夬 ䷀乾

背景颜色

该背景颜色等同于前面的文字颜色,而文字颜色取了背景颜色的反向颜色(invert color)。正如前面所提到的不足之处,在前景色和背景一起使用的时候,会有些撞色现象,如果有需要我们可以对前景色的色相、亮度和饱和度进行适当的调整。

䷁坤 ䷖剥 ䷇比 ䷓观 ䷏豫 ䷢晋 ䷣萃 ䷋否
䷎谦 ䷳艮 ䷦蹇 ䷴渐 ䷽小过 ䷷旅 ䷞咸 ䷠遯
䷆师 ䷃蒙 ䷜坎 ䷺涣 ䷧解 ䷿未济 ䷮困 ䷅讼
䷭升 ䷑蛊 ䷯井 ䷸巽 ䷟恒 ䷱鼎 ䷛大过 ䷫姤
䷗复 ䷚颐 ䷂屯 ䷩益 ䷲震 ䷔噬嗑 ䷐随 ䷘无妄
䷣明夷 ䷕贲 ䷾既济 ䷤家人 ䷶丰 ䷝离 ䷰革 ䷌同人
䷒临 ䷨损 ䷻节 ䷼中孚 ䷵归妹 ䷥睽 ䷹兑 ䷉履
䷊泰 ䷙大畜 ䷄需 ䷈小畜 ䷡大壮 ䷍大有 ䷪夬 ䷀乾

使用方法

通过引用http://www.chenyaojun.com/e/css/eecolor.css 使用该文件。以class(类)的方式制作css文件,分为前景和背景颜色两种。类名分别为:color_代号 和 bgcolor_代号。例如:color_e3_0, bgcolor_e6_3。