常用配色基本概念及精相关彩实例剖析_网页配色教程

2024-08-30 08:33:18

字体：大中小

来源：转载

供稿：网友

在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。

　　这也就说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。

　　前面我们介绍了常用的电脑色彩模式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%的明度，颜色偏暗，因此视觉冲击力较弱。页面沉稳、凝重。
结论：
　　当蓝色色相偏离于三原色的纯蓝时，视觉冲击力削弱。页面呈沉稳、平静的感受。蓝色在三原色里是视觉传递速度最慢的颜色特性，适合用于表达成熟、稳重、安静的网页设计主题。蓝色在网页设计里也是使用得较频繁的颜色。

上一篇：网页设计推荐色标组图_网页配色教程

下一篇：策划正确的配色方案(推荐)_网页配色教程