CSS RGB 颜色

下文笔者讲述CSS中RGB颜色的演示示例分享,如下所示

RGB颜色简介

RGB颜色指:
     使用RGB函数得到一个CSS颜色值

RGB颜色语法:
  rgb(red, green, blue)
  参数说明:
    (red、green 以及 blue)
	 定义0 到 255 之间的颜色强度
例:
rgb(255, 0, 0):
   显示为红色,红色设置为最大值(255)其他设置为 0。
rgb(0,255,0):绿色
rgb(0,0,255):蓝色
rgb(0,0,0):黑色
rgb(0,0,0):白色

 

RED

161

GREEN

0

BLUE

0
rgb(255, 0, 0)   rgb(0, 0, 255)
 
rgb(60,60, 60)   rgb(238, 238, 238)
 
rgb(165, 165,165)   rgb(108, 108,108)

RGBA值简介说明

RGBA颜色值:
是RGB值的一种扩展,使其具有透明度效果

RGBA的语法

 rgba(red, green, blue, alpha)
   alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字
例:

 

RED

161

GREEN

0

BLUE

0

ALPHA

0
rgba(255, 0, 0,0.1)   rgba(0, 0, 255,0.3)
 
rgba(60,60, 60,0.5)   rgba(0, 255,0,0.7)
 
rgba(165, 165,165,0.8)   rgba(108, 108,108,1)