css3-color

来源:互联网 发布:c 游戏编程入门教程 编辑:程序博客网 时间:2024/05/16 12:16
        css3 color(color实例.html)
A------------
 WEB安全色:
  网页中的颜色受各种不同环境的影响,每个人实际浏览的时候看到的效果略有不同。即你的页面颜色没有达到预期的效果传达给用户。
  1.可以使用相应的16进制00,33,66,99,cc,ff来表达rgb中的每一种。
  2.0,51,102,153,204,155构成的颜色组合,一共有6*6*6种颜色,彩色210,非彩色6种
  3.可安全应用到所有web。
  4.开发过程中应该注意 安全色 和 非安全色 的搭配使用

B:-------
 RGB:  RED + GREEN + BLUE 混合产生,加色混合。 ps --补色:两个颜色混合成为白色
 CMYK:  颜料的三原色, 青色 + 洋红 + 黄色 +黑色 混合表现出的色彩是 主要用于 出版印刷时候制作图像的一种模式。
 索引色彩: 已经被限定在256种颜色以内的模式,主要用于web页面安全色彩和制作透明GIF图片
 灰度:  无色彩模式,主要用于黑白灰图片
 双色调: 黑白图片中 + 颜色。 (双色调转换)RGB、CMYK等颜色 -> 灰度模式 -> 双色调
 位图:  白色+黑色 。 除双色调模式 和 灰度 模式外,其他色彩模式 -> 灰度模式 -> 双色调
   (5种图片处理: 1)50%阀值,在256种颜色中,当颜色值>129就处理为白色,反之为黑色
     2)图案仿色,按照一定模式处理图片
     3)扩散仿色为最常用的选项,按黑色+白色的阴影分布
     4)半调网屏与自定图案,利用盲点的各种形态和密度与用户自己设置样式的处理方法

C:-------------
 css3透明属性(opacity: IE8+ + others
  opacity: alphavalue || inherit
   alphavalue: 默认为1,0~1任意浮点数。1:不透明 0:完全透明
   inherit:    继承父元素的不透明性

 !!!alpha 和 opacity
  alpha:  元素的颜色属性设置透明度,针对元素的边框,背景等
  opacity:整个颜色设置透明度,继承给后代
  transparent: 元素的颜色设置完全透明色,eg: 背景色,边框色...相当于alpha的通道值设置为0

D----------------
  
 RGBA模式: 在RGB的基础上增加了alpha透明度的参数。
   rgba(r,g,b,a) ------->均不可以取负值

    r,g,b: 取值正整数或者百分数
    a: alpha透明值,取值在0~1之间,越大透明度越低

 
 HSL颜色模式: 色调H + 饱和度S + 亮度L   三个颜色通道的变化以及相互之间的叠加得到
   hsl(h,s,l)  hue , saturation , lightness
   
    h<length>:  整数值。任意整数。0/360/-360=红色 、60=黄色 、 120=绿色、 180=青色 、 240=蓝色 、 300=洋红 
        值>360之后 = 值/360的余数

    s<percentage>: 饱和度. 0:灰度,100%饱和(最鲜艳)
    
    l<percentage>: 0~100%之间的任意,0:最暗。100%最亮

 HSLA颜色模式: 在HSL模式下 增加alpha透明度(0~1)
0 0