当前位置:沸点梦工场 > 网页配色 > 浏览文章

常用的配色基本概念及实例剖析

59HOT收集整理 2007年12月19日 【字体:
常用的电脑色彩模式RGB、HSB,以及色彩的三大属性,今天我们介绍常用配色的基本概念和相关实例剖析

点此在新窗口浏览图片

色环

色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色,就可以得到一个色彩环。色环通常包括12种不同的颜色。

点此在新窗口浏览图片

三原色

■ 原色:

  也叫"三原色"。即红、黄、蓝三种基本颜色。自然界中的色彩种类繁多,变化丰富,但这三种颜色却是最基本的原色,原色是其他颜色调配不出来的。除白色外,把三原色相互混合,可以调和出其他种颜色。
  根据三原色的特性做出相应的色彩搭配,有最迅速最有力最强烈的传达视觉信息效果。

→ 黄色网页例图:http://www.uni-leipzig.de/studienart/i_flash.htm
点此在新窗口浏览图片
  黄色分析:
  选取了主色调黄色为示例。我们看到RGB数值中RG呈现最高值255时,HSB数值中的SB也呈现最高值100%,页面呈现最高纯度亮度——纯黄色。因此黄色在三原色中也是亮度最高的颜色。
  结论:
  HSB中SB呈现的数值越高,饱和度明度越高,页面色彩强烈艳丽,由于黄色是亮度最高的颜色这一特性,也给人视觉产生强烈刺激的状态,对视觉刺激是迅速的、警戒、醒目的效果,但不易于长时间观看。


→ 红色网页例图:http://www.doritos.com
点此在新窗口浏览图片
  红色分析:
  我们看到RGB中R的数值是227,混合了G30、B40,因此红色的纯度轻微降低,颜色稍偏深红。HSB数值中S显示的饱和度为87%,B为89%,因此颜色还是较为饱和明亮。
  结论:
  主色R227数值较高的时候,由于混合了G30、B40少许颜色,饱和度明度稍微降低,视觉刺激减弱,红色特性显得较沉稳。但由于红色是最温暖最有视觉冲击力的颜色特性,该网页整体看来仍然厚重而热烈的表达了主题。
→ 蓝色网页例图:http://www.voxhon.com
点此在新窗口浏览图片
  蓝色分析:
  RGB数值中B蓝色的数值是131与 R2、G83相混合,蓝色的纯度降低。结合HSB中数值H色相目前显示的是203°,而三原色的纯蓝为240°来看,蓝色的色相偏离较大,加上B为51%的明度,颜色偏暗,因此视觉冲击力较弱。页面沉稳、凝重。
结论:
  当蓝色色相偏离于三原色的纯蓝时,视觉冲击力削弱。页面呈沉稳、平静的感受。蓝色在三原色里是视觉传递速度最慢的颜色特性,适合用于表达成熟、稳重、安静的网页设计主题。蓝色在网页设计里也是使用得较频繁的颜色。

下一页
本文共 4 页,第  [1]  [2]  [3]  [4]  页