→ 紫色邻近色网页例图:http:// www.bridalbabe.com
紫色系分析:(紫色邻近色配色:紫色+紫红色)
严格来说,该页面配色的色组和紫色关联上稍有些偏移,之所以做为案例选择,是因为整体配色上依旧给人有紫色系配色的错觉。
HSB的H色相数值上显示的260来看,正紫色数值为300,主色调整个往蓝色系稍偏移,构成较有视觉感染力的蓝紫色。蓝紫色在色相环中位于蓝色和紫色之间,所以它也蕴含着紫色的一些神秘感。尽管饱和度不是很高60%,但明度达到最高状态为100%,使得该色彩艳度很强,较高亮度的蓝紫色显得非常高雅,契合网站主题。
辅色调HSB的H色相数值为270,已经稍往紫色偏移,紫色特征较明显,明度较高且较明快的感觉。另一辅助色粉红色H色相数值为331,稍往红色系偏移,明度极高为100%,更增添了明快的气息。
点睛色在这里起到了不可忽视的作用,由于浅紫红较有女性气质特征,增添了该页面的女性温柔细腻的美感。另一点睛色深蓝色由于色彩特质所致,这里只是辅助性的做些点缀。
结论:
浅紫色系给人妩媚、优雅、娇气、清秀、梦幻,充满女性魅力。
上面的配色除了点睛色深蓝色明度较低,其他的色彩组合都在不同的程度上提高了明度,增强了页面所要表达的主题效果。
→ 紫色配色应用网页例图:http://www.vitaminwater.com
紫色系分析:(紫色配色:紫色+红色)
这是一组非常简洁精干的配色页面。主要使用了主、辅两色调为界,点缀小配色,整体疏密得当,色块分明的色彩构成。主色调紫HBS模式的H色相数值是283,稍向蓝色方位偏移,以致于此种紫色略呈现冷色特征。点睛色主要选择红蓝黄三种,其中红色的H色相显示为347,色值向蓝色偏移略呈冷调,因此该颜色在这里显示没有僵硬的感觉。另一点睛色橙黄色使用面积非常之小,几乎让人忽略。
右上角多个线条的小色块的修饰增强了页面的视觉感染力。
背景黑色不是孤立使用,既响亮的突出前景,又与前景的线条、文字呼应起来,让整个页面高品位高层次的特质更明显。
结论:
主色调紫色在这里既有沉静又显高贵的感觉,提升产品的档次。点睛色红色的加入让这种高贵又档次的感觉更加明显。蓝色有稳住紫色和红色的效果。
该页面大色块的构图及配色极其简约,独具魅力。
→ 紫色低纯度配色应用网页例图:http://www.mandarinaduck.com
紫色系分析:(低纯度配色:紫色+绿色)
该页面除了点睛色外,整体配色饱和度都很低,所以在视觉上呈柔和状态。
主色调紫色的HSB模式H色相为308,数值稍向红色倾斜,由于饱和度及明度降低,颜色呈现很平和,空间感增强。辅助色绿色H色相为167,数值稍向蓝色偏移,从RGB模式上看,G为125(正绿色时为255,R为0,B为0),R为82,B116,有这两色混合,因此饱和度和明度都很低,然而在雅致的紫色背景的烘托下,较为突出了绿色的产品这一主角,达到配色目的。另一辅助色灰色,为整体的柔和状态增添了雅致的气息。
点睛色黄色的特质因素,无疑是这页面最响亮耀眼的颜色尽管使用的面积较小,它是紫色的对比色,高纯度的黄色与低纯度的紫色形成较强烈的视觉反差对比效果,也因此使得页面的沉闷得到一定程度的缓解,提升页面配色的空间透亮感。
结论:
整体柔和的配色调子较吻合的体现了尊贵高雅的服饰感觉,并透露出宁静、安稳、雅致的环境氛围,充分体现出了紫色运用的最大魅力。
本部分小节:
● HSB数值H色相为300度时是正紫色,它的特性这个时候也就挥洒得越明显。从上面的网页配色实例中我们较全面的看到了不同角色紫色的性格体现。
● 紫色是色彩系里明度最低的颜色。尽管如此,高纯度的紫色与高级灰度的紫色都透出不同的气质。神秘、高雅在这里配色是它普遍的诠释。
紫色的纯色明度很低,因此它与浅色在一起,从明度关系上就分出了泾渭。为了不与黑白对比混淆,适当地将紫色加白色效果会更好。 由于紫色发冷,紫色配暖色时,暖色不能直接介入,需要调整纯度或明度才能形成比较和谐的配色。
● 绿色被誉为紫色的绝配色,也是一对复色对比色,它比三原色的对比色要温和含蓄,由于它们都带有一点共同成分,相互配合也会协调得多。各自的特质原因,对比之下绿色通常起到比较关键的作用。
紫色对比色组通常是较小面积的做对比使用,不同面积不同明度饱和度的使用所表达的感受是不一样的。
● 紫色传达着高贵、优雅、幻想、神秘、庄重的心理感受。蓝紫色可以用来创造出都市化的成熟美,且蓝紫色可以使心情浮躁的人冷静下来。明亮的色调直至灰亮的蓝紫色有一种与众不同的神秘美感。低亮度的蓝紫色显得沉稳,高亮度的蓝紫色显得非常高雅。在网页中,蓝紫色通常与蓝色一起搭配使用。