【css】css中的颜色

css中color 、background-color颜色属性即红、绿、蓝光的组合

十六进制颜色值

十六进制FF中，对光源进行设置的最低值可以是0（十六进制00），最高值是255（十六进制FF）
所有浏览器都支持十六进制颜色值;

十六进制（HEX）:#rrggbb

十六进制 与 rgb 的转换

#000000	= rgb(0,0,0)

#FF0000	= rgb(255,0,0)
#00FF00	= rgb(0,255,0)
#0000FF	= rgb(0,0,255)

#FFFF00	= rgb(255,255,0)
#00FFFF	= rgb(0,255,255)
#FF00FF	= rgb(255,0,255)

#FFFFFF	= rgb(255,255,255)

#CCCCCC	= rgb(204,204,204)
#C0	= rgb(192,192,192)

-	色值
常用色值的转换

RGB颜色值

所有浏览器都支持RGB颜色值

 rgb(red, green, blue)

• red, green, blue 定义颜色的强度
  介于0～255之间的整数 或 是百分比值（从0%～100%）

RGBA颜色值

IE9+、Firefox 3+、Chrome、Safari及Opera 10+

rgba(red, green, blue, alpha)

• alpha 透明度
  是介于0.0（完全透明）与1.0（完全不透明）之间的数字

HSL 及 HSLA

hsl(hue, saturation, lightness)

• hue 色调
• saturation 饱和度
• lightness 亮度

HSLA

 hsla(hue, saturation, lightness, alpha)

• hue 色调
• saturation 饱和度
• lightness 亮度
• alpha 透明度

预定义/跨浏览器颜色名

HTML和CSS颜色规范中定义了147种颜色名（17种标准颜色加130种其他颜色）

17种标准色

这17种标准色，所有浏览器都支持
aqua浅绿色
black
blue
fuchsia紫红色
gray
green
lime绿黄色
maroon褐红色(栗色 茶色)
navy深蓝色（藏青色）
olive
orange
purple
red
silver
teal青色
white
yellow

-	色值
17种标准色

透明设置

用rgba设置透明颜色

仅背景图片透明

background: rgba(0,0,0,.5);

用opacity设置透明颜色

其内所有元素均有透明效果

// 子元素也有透明效果
opacity: .5;

Alpha滤镜写法

Alpha滤镜：0-100 兼容ie8

filter: Alpha(opacity=50);