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

黑暗中国百姓

黑暗中国百姓

2016-02-19 15:49

今天给大家分享的是由图老师小编精心为您推荐的网页设计配色基础:RGB与HSB,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

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

这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。 为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

对于单独的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方式出现。

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

展开更多 50%)
分享

猜你喜欢

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

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

网页设计配色基本概念 网页设计怎么配色

网页设计 配色 设计
网页设计配色基本概念 网页设计怎么配色

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页设计配色应用——色调

Web开发
网页设计配色应用——色调

网页设计中排版与布局小基础

Html CSS布局 Div+CSS XHTML
网页设计中排版与布局小基础

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页设计配色精彩十例

Html CSS布局 Div+CSS XHTML
网页设计配色精彩十例

RGB色彩空间基础知识

PS PS教程
RGB色彩空间基础知识

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

手把手教程:一步步教你搞网站同步镜像

手把手教程:一步步教你搞网站同步镜像

Linux如何使用locate命令查找数据

Linux如何使用locate命令查找数据
下拉加载更多内容 ↓