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.开发过程中应该注意 安全色 和 非安全色 的搭配使用
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)半调网屏与自定图案,利用盲点的各种形态和密度与用户自己设置样式的处理方法
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: 继承父元素的不透明性
css3透明属性(opacity: IE8+ + others
opacity: alphavalue || inherit
alphavalue: 默认为1,0~1任意浮点数。1:不透明 0:完全透明
inherit: 继承父元素的不透明性
!!!alpha 和 opacity
alpha: 元素的颜色属性设置透明度,针对元素的边框,背景等
opacity:整个颜色设置透明度,继承给后代
transparent: 元素的颜色设置完全透明色,eg: 背景色,边框色...相当于alpha的通道值设置为0
alpha: 元素的颜色属性设置透明度,针对元素的边框,背景等
opacity:整个颜色设置透明度,继承给后代
transparent: 元素的颜色设置完全透明色,eg: 背景色,边框色...相当于alpha的通道值设置为0
D----------------
RGBA模式: 在RGB的基础上增加了alpha透明度的参数。
rgba(r,g,b,a) ------->均不可以取负值
RGBA模式: 在RGB的基础上增加了alpha透明度的参数。
rgba(r,g,b,a) ------->均不可以取负值
r,g,b: 取值正整数或者百分数
a: alpha透明值,取值在0~1之间,越大透明度越低
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%最亮
l<percentage>: 0~100%之间的任意,0:最暗。100%最亮
HSLA颜色模式: 在HSL模式下 增加alpha透明度(0~1)
0 0
- CSS3:color
- css3-color
- CSS3详解:border color
- CSS3 Border-color
- CSS3 Border-color
- CSS3之border-color属性
- css3,background-color:背景缩放
- CSS3边框-边框颜色(border-color)
- CSS3之边框多颜色Border-color
- CSS3 颜色(Color)和背景(Backgroud)
- css3中的-webkit-tap-highlight-color
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- color #
- color
- color
- Color
- 质量管理:PDCA循环
- 能量模型
- 位运算、switch、循环结构
- 求面积
- 编码规则
- css3-color
- 55. spring boot 服务配置和部署【从零开始学Spring Boot】
- PAT乙级(Basic Level)1048(C++)
- 全角与半角的英文
- java基础学习总结——监听当数据发生变化时要做的操作
- 松果体——人体第三只眼研究
- c++音频播放,wav格式的
- Java 接口
- 友盟推送获取简单的deviceToken