【示例】紫色搭配红色应用网页设计示例截图如图所示。

【分析】本页面配色简洁精干。主要使用了主、辅两色调为界，点缀小配色，整体疏密得当，色块分明的色彩构成。主色调紫HBS模式的H色相数值是283，稍向蓝色方位偏移，以至于此种紫色略呈现冷色特征。

点睛色主要选择红、蓝、黄3种，其中红色的H色相显示为347，色值向蓝色偏移略呈冷调，因此该颜色在这里显示没有僵硬的感觉。另一点睛色橙黄色使用面积非常之小，几乎让人忽略。右上角多个线条的小色块的修饰增强了页面的视觉感染力。背景黑色不是孤立使用，既响亮地突出前景，又与前景的线条、文字呼应起来，让整个页面高品位、高层次的特质更明显。

【点评】主色调紫色在这里既有沉静又显高贵的感觉，提升产品的档次。点睛色红色的加入让这种高贵又档次的感觉更加明显。蓝色有稳住紫色和红色的效果。该页面大色块的构图及配色极其简约，独具魅力。

紫色+绿色

【示例】紫色低纯度配色（紫色+绿色）应用网页示例截图如图所示。

【分析】该页面除了点睛色外，整体配色饱和度都很低，所以在视觉上呈柔和状态。主色调紫色的HSB模式H色相为308，数值稍向红色倾斜，由于饱和度及明度降低，颜色呈现很平和，空间感增强。

辅助色绿色H色相为167，数值稍向蓝色偏移，从RGB模式上看，G为125（正绿色时为255，R为0，B为0），R为82，B116，有这两色混合，因此饱和度和明度都很低，然而在雅致的紫色背景的烘托下，较为突出了绿色的产品这一主角，达到配色目的。另一辅助色灰色，为整体的柔和状态增添了雅致的气息。

点睛色黄色的特质因素，无疑是这页面最响亮耀眼的颜色，尽管使用的面积较小，它是紫色的对比色，高纯度的黄色与低纯度的紫色形成较强烈的视觉反差对比效果，也因此使得页面的沉闷得到一定程度的缓解，提升页面配色的空间透亮感。

【点评】整体柔和的配色调子较吻合地体现了尊贵高雅的服饰感觉，并透露出宁静、安稳、雅致的环境氛围，充分体现出了紫色运用的最大魅力。

小结

HSB数值H色相为300度时是正紫色，从上面的网页设计配色实例中我们较全面地看到了不同紫色的性格体现。紫色是色彩系里明度最低的颜色。尽管如此，高纯度的紫色与高级灰度的紫色都透出不同的气质。神秘、高雅在这里配色是它普遍的诠释。紫色的纯色明度很低，因此它与浅色在一起，从明度关系上就分出了泾渭。为了不与黑白对比混淆，适当地将紫色加白色效果会更好。

由于紫色发冷，紫色配暖色时，暖色不能直接介入，需要调整纯度或明度才能形成比较和谐的配色。绿色被誉为紫色的绝配色，也是一对复色对比色，它比三原色的对比色要温和含蓄，由于它们都带有一点共同成分，相互配合也会协调得多。各自的特质原因，对比之下绿色通常起到比较关键的作用。

紫色对比色组通常是较小面积的做对比使用，不同面积、不同明度饱和度的使用所表达的感受是不一样的。紫色传达着高贵、优雅、幻想、神秘、庄重的心理感受。蓝紫色可以用来创造出都市化的成熟美，且蓝紫色可以使心情浮躁的人冷静下来。明亮的色调直至灰亮的蓝紫色有一种与众不同的神秘美感。低亮度的蓝紫色显得沉稳，高亮度的蓝紫色显得非常高雅。在网页设计中，蓝紫色通常与蓝色一起搭配使用。