信息动态

网站设计是技术与创意的融合!

建站常识

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

2006-08-21 14:02: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。（详细分析请参考赵鹏所写的《电脑美术设计中的色彩模式详解》）

按此在新窗口浏览图片 按此在新窗口浏览图片
纯白色数值为R255,G255,B255 纯黑色数值为R0,G0,B0
按此在新窗口浏览图片 按此在新窗口浏览图片
红色数值为R255,G0,B0 绿色数值为R0,G255,B0
按此在新窗口浏览图片 按此在新窗口浏览图片
蓝色数值为R0,G0,B255 蓝色数值为R255,G255,B0


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

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

　　下一节我们讲讲色彩三属性以及一些网页配色实例。

上一篇：网页设计配色基础：色彩三属性与实例剖析
下一篇：网页制作常见问题：网页、图片路径问题

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

中小型企业网站建设 企业网站为什么要备案 青岛海洋投资集团 轮胎网站设计 力图 页面设计 网站交互设计 青岛网站案例 青岛网站SEO 网站SEO 插画 青岛SEO 苹果系统 微官网 青岛品牌网站设计公司哪家好 网站建设，企业网站建设 用户界面 robots php程序 手机网站 青岛网络公司 青岛黄岛、红岛网站建设公司 青岛IT资讯 网站改版 官网建设 GOOGLE 响应式设计 企业网站建设 微信小程序 舒适的界面

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号