颜色

RGB:

p { color:rgb(100,100,90); }  红绿蓝三种颜色的值

p { background-color:rgba(0,0,0,0.5); } 指定了颜色和透明度,rgba只会影响应用它的元素,不会作用于这个元素的子元素

十六进制编码:

p {color:#ee3e80;}

颜色名称:

p {color:DarkCyan;}  支持147种颜色名称

 

background-color:背景色

拾色工具:colorschemedesigner.com

opacity:透明度;该属性值为0.0-1.0之间的数字

 

CSS3

hsla和hsl

p{background-color:#ffffff;

   background-color:hsla(0,100%,100%,0.5); }

色调(0-360)

饱和度(0%-100%)

明度(0%-100%)0%表示黑色,50%表示标准色,100%表示白色

透明度(0.0-1.0)

hsl(0,0%,78%);  // 与hsla相比,不包含透明度

 

posted @ 2017-06-30 15:52  eudaemonia  阅读(185)  评论(0编辑  收藏  举报