2017-0213

网站设计中如何理解RGB和HSB的不同之处

返回

  生活中颜色使得我们的世界变得丰富多彩,而在网站设计中颜色同时可以使企业网站变经五彩缤纷。网站设计是网站建设中的一项重要工作,主要处理的是网站页面的外在形象问题。网站设计满足的是用户的视觉需求,其设计主体是网站页面中的所有元素,如图、文字、颜色、视频等,设计师在进行网站设计时就是对这些元素进行合理的、艺术的、优化的设计,让网站页面可以受到目标有点的欢迎。

  在企业网站设计中无论是色彩还是图片都需要考虑到它们的格式,不同的格式使用的位置和环境也是不同的,目前网站设计中常用的主要格式有RGB和HSB两种,想要运用好这两种格式就必须深入了解和分析它们,并在实践中获得有实用的方式。共它格式我们将在今后的文章中继续为大家介绍。

网站设计中如何理解RGB和HSB的不同之处


  关于RGB格式的相关介绍

  首先我们先来了解一下什么是RGB格式?


  RGB格式又称三原色光,是一种色彩模工,通过R(红色)、G(绿色)和B(蓝色)三个颜色通道的变化以及它们相互之间的叠加来得到各种不同的颜色。RGB分别代表的是红、绿、蓝三个通道的颜色,而这三种颜色的混和、叠加,几乎可以涵盖人类视力所能感知的所有颜色,是目前网站设计和共他行业运用最广的颜色图普之一。

  在不同的绘图软件中,RGB所表示的内容大致是相同的,如RGB各有256级亮度,分别用数字表示为从0、1、2至255等不同色号。需要注意的是:RGB颜色中0号也是一个颜色数值,所以RGB颜色共有256级,总共能组合出约1678万种色彩,我们常说的1600万色就是这么来的,或24位色即2的24次方,现在的是脑色彩就有24位和32位之分。

  其次是RGB格式的运用

  RGB格式的使用范围非常的广,不仅因为其色域范围广,还因为其显示效果好。在网站设计、图片设计和艺术绘画等方面RGB格式是最为常用的格式,无伭是图片的修改还是色彩的搭配都会用到RGB颜色和格式。

  关于HSB格式的相关介绍

  第一,什么是HSB格式?


  HSB格式是一种色彩模式,主要是从颜色的色相(Hue)、饱和度(Saturation)和亮度(Brightness)三方面来诠释不同的颜色。这种颜色模式主要是从人的心理感受来展示不同颜色的,其原理是:由RGB三基色转换为Lab模式,再从Lab模式的基础上加入了人对颜色的心理感受度面得到的一种格式。

  HSB格式的优点:这种颜色模式比较符合人的视觉感受,让人在看到时能够产生更加直观的感受。

  HSB格式的特点是:1、饱和度越高色彩越艳丽,饱和度低的色彩越灰暗,饱和度最低可以接近于灰色。2、亮度高色彩明亮,亮度低的色彩暗淡,亮度最高时得到的是纯白,而最低时得到的是纯黑。3、浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。

  第二,HSB格式的运用

  HSB格式的运用方式主要是调整颜色的色相、饱和度和亮度,每一个条件的不同数值都会得到不同的颜色。

  1、色相的数据范围在色轮上分0~255个标准,在实际使用中色相是由颜色名称标识的,如红、绿或黄色。其中,黑色和白色无色相。

  2、饱和度表示的是色彩的纯度,其数值区间为0~255,其中0时为灰色,最大时的颜色为纯色。注:黑、白和其他灰色色彩都没有饱和度的。

  3、亮度是色彩的明亮程度,有0~255个数值区间,数值为0时即为黑色,为255时颜色亮度最大,色彩最鲜明。