网页设计配色基础:RGB与HSB

时间:2008-05-06 12:23:00 

在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法。
  
这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。

为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式。

■ RGB

RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red)、G(Green)、B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示。

通常情况下,RGB各有256级亮度,用数字表示为从0、1、2至255。虽然数字最高是255,但0也是数值之一,因此共256级。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。

对于单独的R或G或B而言,当数值为0时,代表这种颜色不发光;如果为255,则该颜色为最高亮度。因此当RGB三种色光都发到最强的亮度,纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R,意味着只有红色存在,且亮度最强,G和B都不发光。因此最红色的数值是255,0,0。同理,最绿色就是0,255,0;而最蓝色就是0,0,255。黄色较特殊,是由红色加绿色而得就是255,255,0。

 

 

RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式,只要是在显示器上显示的,图像最终就是以RGB方式出现。

■ HSB

是颜色分为色相、饱和度、明度三个因素。英文为H(Hue)、S(Saturation)B(Brightness)饱和度高色彩较艳丽。饱和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。一般浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。

标签:rgb,hsb,配色,设计
0
投稿

猜你喜欢

  • ACCESS如何打印窗体中当前显示的记录

    2008-11-20 16:31:00
  • 网页版面布局的方法及技巧

    2007-10-29 12:41:00
  • 纯CSS下拉菜单代码

    2008-09-10 12:35:00
  • asp下通过HTTP_USER_AGENT判断用户是从手机上访问,还是电脑IE上访问

    2011-02-24 11:00:00
  • XML简易教程之二

    2008-09-05 17:19:00
  • SQL Server转换为XQuery及反向转换

    2009-01-20 13:32:00
  • [译]开发人员经常犯的8个设计错误

    2008-02-01 12:28:00
  • CSS控制鼠标样式变换方法

    2007-11-17 07:58:00
  • div遮罩层实现实例代码

    2009-01-11 18:38:00
  • SQL SERVER的字段类型介绍

    2008-05-23 13:27:00
  • 使用标准的表单字段名

    2008-06-30 14:14:00
  • javascript面向对象技术基础(四)

    2010-02-07 13:15:00
  • ASP返回某年总共有多少天的代码

    2012-12-04 20:36:30
  • asp如何对一个文件夹进行创建和删除?

    2009-11-20 18:42:00
  • 用javascript判断浏览器版本

    2008-04-21 13:50:00
  • Sqlserver 2000/2005/2008 的收缩日志方法和清理日志方法

    2012-07-21 14:55:18
  • asp正则表达式详细说明

    2008-10-23 16:23:00
  • 菜鸟课堂:玩转MySQL数据库 性能优化八法

    2009-03-25 14:44:00
  • Mootools 1.2教程(18)——Class 类(第一部分)

    2008-12-19 12:45:00
  • 虾米网今年三月所用加密解密函数

    2010-08-09 12:54:00
  • asp之家 网络编程 m.aspxhome.com