颜色之ARGB与RGB、RGBA的区别与介绍

  发布时间:2020-03-05 23:43:58   作者:佚名   我要评论
这篇文章主要介绍了颜色之ARGB与RGB、RGBA的区别与介绍,需要的朋友可以参考下

ARGB 是一种色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常见于32位位图的存储结构。

RGB 色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间,但是它其实仅仅是RGB模型的附加了额外的信息。采用的颜色是RGB,可以属于任何一种RGB颜色空间,但是Catmull和Smith在1971至1972年间提出了这个不可或缺的alpha数值,使得alpha渲染和alpha合成变得可能。提出者以alpha来命名是源于经典的线性插值方程αA + (1-α)B所用的就是这个希腊字母。 PNG是一种使用RGBA的图像格式。

android 定义颜色color时6位或8位值的区别: 6位(#000000)就是RGB值 8位(#1e000000)ARGB 头两位是透明度,00是完全透明,ff是完全不透明,后6位是RGB值,比较适中的透明度值

rgba中的a是指什么?rgba怎么用

RGBA颜色

  RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA说白了,就是在RGB的基础上加了一个透明度通道Alpha。
  语法:
  rgba(R,G,B,A)
  说明:
  R:红色值(Red);
  G:绿色值(Green);
  B:蓝色值(Blue);
  A:透明度(Alpha);
  R、G、B三个参数可以为正整数,也可以为百分比。正整数值的取值范围为0~255,百分数值的取值范围为0.0%~100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。
  参数A为透明度,类似opacity属性,取值范围在0.0~1.0之间,不可为负值。下面是RGBA颜色的正确用法:

rgba(255,255,0,0.5)
rgba(50%,80%,50%,0.5)

举例:

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3RGBA颜色</title>
<styletype="text/css">
*{padding:0;margin:0;}
ul
{
display:inline-block;
list-style-type:none;
width:200px;
}
li
{
height:30px;
line-height:30px;
font-size:20px;
font-weight:bold;
text-align:center;
}
/*第1个li*/
li:first-child
{
background-color:#FF00FF;
}
/*第2个li*/
li:nth-child(2)
{
background-color:rgba(255,0,255,0.5);
}
/*第3个li*/
li:last-child
{
background-color:#FF00FF;
opacity:0.5;
}
</style>
</head>
<body>
<ul>
<li>脚本之家</li>
<li>脚本之家</li>
<li>脚本之家</li>
</ul>
</body>
</html>

到此这篇关于颜色之ARGB与RGB、RGBA的区别与介绍的文章就介绍到这了,更多相关ARGB RGB RGBA区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

相关文章

  • rgba中的a是什么意思 CSS之RGBA颜色指南

    今天看到一个网页使用了rgba不知道这个a是什么意思,原来是因为了忘了下面的颜色比上面的浅一些特别用rgba确实很方便,页面也不突兀,特分享一下需要的朋友可以参考下
    2020-03-05
  • 详解css透明度之rgba和opacity的区别及兼容

    对于设置透明度,我们有两个可以选的css3属性:rgba 和 opacity。这篇文章主要介绍了详解css透明度之rgba和opacity的区别及兼容,感兴趣的可以一起跟随小编来了解一下
    2019-01-10
  • css中使用rgba和opacity设置透明度的区别(附图)

    这篇文章主要介绍了css中使用rgba和opacity设置透明度的两种方法,通过实例演示解释了两者之间的差别,需要的朋友可以参考下
    2017-08-14
  • 完美解决IE8下不兼容rgba()的问题

    下面小编就为大家带来一篇完美解决IE8下不兼容rgba()的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-31
  • CSS3中使用RGBa来调节透明度的教程

    这篇文章主要介绍了CSS3中使用RGBa来调节透明度的教程,RGBA是RGB色彩模型的一个扩展,这个缩写词代表红绿蓝三原色的首字母,Alpha值代表颜色的透明度或者说不透明度,需要的朋
    2016-05-09
  • CSS3 RGBA色彩模式使用实例讲解

    这篇文章主要以设计带有阴影边框的表单为例,为大家介绍了CSS3 RGBA色彩模式使用方法,感兴趣的小伙伴们可以参考一下
    2016-04-26
  • CSS3的RGBA中关于整数和百分比值的转换

    这篇文章主要介绍了CSS3的RGBA中关于整数和百分比值的转换,同时提到了关于浏览器的支持问题,需要的朋友可以参考下
    2015-08-04
  • CSS3中使用RGBA设置透明度的示例

    这篇文章主要介绍了CSS3中使用RGBA设置透明度的示例,即在传统的RGB值上增添调节透明度的Alpha值,需要的朋友可以参考下
    2015-08-04
  • CSS通过RGBa将一个元素设置为透明效果

    RGBa是一种在CSS中声明包含透明效果的颜色的方法,通过RGBa,我们可以将一个元素设置为透明,而不会影响其子元素,下面有个不错的示例,大家可以参考下
    2014-04-01
  • CSS3 透明色 RGBA使用介绍

    我们今天需要讨论的RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧
    2013-08-06

最新评论