顏色之ARGB與RGB、RGBA的區(qū)別與介紹

ARGB 是一種色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常見于32位位圖的存儲(chǔ)結(jié)構(gòu)。
RGB 色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn),是通過對(duì)紅(R)、綠(G)、藍(lán)(B)三個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍(lán)三個(gè)通道的顏色,這個(gè)標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色,是目前運(yùn)用最廣的顏色系統(tǒng)之一。
RGBA 是代表Red(紅色) Green(綠色) Blue(藍(lán)色)和 Alpha的色彩空間。雖然它有的時(shí)候被描述為一個(gè)顏色空間,但是它其實(shí)僅僅是RGB模型的附加了額外的信息。采用的顏色是RGB,可以屬于任何一種RGB顏色空間,但是Catmull和Smith在1971至1972年間提出了這個(gè)不可或缺的alpha數(shù)值,使得alpha渲染和alpha合成變得可能。提出者以alpha來命名是源于經(jīng)典的線性插值方程αA + (1-α)B所用的就是這個(gè)希臘字母。 PNG是一種使用RGBA的圖像格式。
android 定義顏色color時(shí)6位或8位值的區(qū)別: 6位(#000000)就是RGB值 8位(#1e000000)ARGB 頭兩位是透明度,00是完全透明,ff是完全不透明,后6位是RGB值,比較適中的透明度值
rgba中的a是指什么?rgba怎么用
RGBA顏色
RGB是一種色彩標(biāo)準(zhǔn),是由紅(R)、綠(G)、藍(lán)(B)的變化以及相互疊加來得到各式各樣的顏色。RGBA說白了,就是在RGB的基礎(chǔ)上加了一個(gè)透明度通道Alpha。
語法:
rgba(R,G,B,A)
說明:
R:紅色值(Red);
G:綠色值(Green);
B:藍(lán)色值(Blue);
A:透明度(Alpha);
R、G、B三個(gè)參數(shù)可以為正整數(shù),也可以為百分比。正整數(shù)值的取值范圍為0~255,百分?jǐn)?shù)值的取值范圍為0.0%~100.0%。超出范圍的數(shù)值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分?jǐn)?shù)值。
參數(shù)A為透明度,類似opacity屬性,取值范圍在0.0~1.0之間,不可為負(fù)值。下面是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個(gè)li*/ li:first-child { background-color:#FF00FF; } /*第2個(gè)li*/ li:nth-child(2) { background-color:rgba(255,0,255,0.5); } /*第3個(gè)li*/ li:last-child { background-color:#FF00FF; opacity:0.5; } </style> </head> <body> <ul> <li>腳本之家</li> <li>腳本之家</li> <li>腳本之家</li> </ul> </body> </html>
到此這篇關(guān)于顏色之ARGB與RGB、RGBA的區(qū)別與介紹的文章就介紹到這了,更多相關(guān)ARGB RGB RGBA區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
- 今天看到一個(gè)網(wǎng)頁(yè)使用了rgba不知道這個(gè)a是什么意思,原來是因?yàn)榱送讼旅娴念伾壬厦娴臏\一些特別用rgba確實(shí)很方便,頁(yè)面也不突兀,特分享一下需要的朋友可以參考下2020-03-05
詳解css透明度之rgba和opacity的區(qū)別及兼容
對(duì)于設(shè)置透明度,我們有兩個(gè)可以選的css3屬性:rgba 和 opacity。這篇文章主要介紹了詳解css透明度之rgba和opacity的區(qū)別及兼容,感興趣的可以一起跟隨小編來了解一下2019-01-10css中使用rgba和opacity設(shè)置透明度的區(qū)別(附圖)
這篇文章主要介紹了css中使用rgba和opacity設(shè)置透明度的兩種方法,通過實(shí)例演示解釋了兩者之間的差別,需要的朋友可以參考下2017-08-14- 下面小編就為大家?guī)硪黄昝澜鉀QIE8下不兼容rgba()的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-31
CSS3中使用RGBa來調(diào)節(jié)透明度的教程
這篇文章主要介紹了CSS3中使用RGBa來調(diào)節(jié)透明度的教程,RGBA是RGB色彩模型的一個(gè)擴(kuò)展,這個(gè)縮寫詞代表紅綠藍(lán)三原色的首字母,Alpha值代表顏色的透明度或者說不透明度,需要的朋2016-05-09- 這篇文章主要以設(shè)計(jì)帶有陰影邊框的表單為例,為大家介紹了CSS3 RGBA色彩模式使用方法,感興趣的小伙伴們可以參考一下2016-04-26
CSS3的RGBA中關(guān)于整數(shù)和百分比值的轉(zhuǎn)換
這篇文章主要介紹了CSS3的RGBA中關(guān)于整數(shù)和百分比值的轉(zhuǎn)換,同時(shí)提到了關(guān)于瀏覽器的支持問題,需要的朋友可以參考下2015-08-04- 這篇文章主要介紹了CSS3中使用RGBA設(shè)置透明度的示例,即在傳統(tǒng)的RGB值上增添調(diào)節(jié)透明度的Alpha值,需要的朋友可以參考下2015-08-04
CSS通過RGBa將一個(gè)元素設(shè)置為透明效果
RGBa是一種在CSS中聲明包含透明效果的顏色的方法,通過RGBa,我們可以將一個(gè)元素設(shè)置為透明,而不會(huì)影響其子元素,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-04-01- 我們今天需要討論的RGBA。如果需要更詳細(xì)的解說,大家就跟著我一起往下看吧2013-08-06