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

ARGB 是一種色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常見于32位位圖的存儲結(jié)構(gòu)。
RGB 色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn),是通過對紅(R)、綠(G)、藍(lán)(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍(lán)三個通道的顏色,這個標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色,是目前運(yùn)用最廣的顏色系統(tǒng)之一。
RGBA 是代表Red(紅色) Green(綠色) Blue(藍(lán)色)和 Alpha的色彩空間。雖然它有的時候被描述為一個顏色空間,但是它其實(shí)僅僅是RGB模型的附加了額外的信息。采用的顏色是RGB,可以屬于任何一種RGB顏色空間,但是Catmull和Smith在1971至1972年間提出了這個不可或缺的alpha數(shù)值,使得alpha渲染和alpha合成變得可能。提出者以alpha來命名是源于經(jīng)典的線性插值方程αA + (1-α)B所用的就是這個希臘字母。 PNG是一種使用RGBA的圖像格式。
android 定義顏色color時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ǔ)上加了一個透明度通道Alpha。
語法:
rgba(R,G,B,A)
說明:
R:紅色值(Red);
G:綠色值(Green);
B:藍(lán)色值(Blue);
A:透明度(Alpha);
R、G、B三個參數(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個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>
到此這篇關(guān)于顏色之ARGB與RGB、RGBA的區(qū)別與介紹的文章就介紹到這了,更多相關(guān)ARGB RGB RGBA區(qū)別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
- 今天看到一個網(wǎng)頁使用了rgba不知道這個a是什么意思,原來是因為了忘了下面的顏色比上面的淺一些特別用rgba確實(shí)很方便,頁面也不突兀,特分享一下需要的朋友可以參考下2020-03-05
詳解css透明度之rgba和opacity的區(qū)別及兼容
對于設(shè)置透明度,我們有兩個可以選的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()的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-31
CSS3中使用RGBa來調(diào)節(jié)透明度的教程
這篇文章主要介紹了CSS3中使用RGBa來調(diào)節(jié)透明度的教程,RGBA是RGB色彩模型的一個擴(kuò)展,這個縮寫詞代表紅綠藍(lán)三原色的首字母,Alpha值代表顏色的透明度或者說不透明度,需要的朋2016-05-09- 這篇文章主要以設(shè)計帶有陰影邊框的表單為例,為大家介紹了CSS3 RGBA色彩模式使用方法,感興趣的小伙伴們可以參考一下2016-04-26
CSS3的RGBA中關(guān)于整數(shù)和百分比值的轉(zhuǎn)換
這篇文章主要介紹了CSS3的RGBA中關(guān)于整數(shù)和百分比值的轉(zhuǎn)換,同時提到了關(guān)于瀏覽器的支持問題,需要的朋友可以參考下2015-08-04- 這篇文章主要介紹了CSS3中使用RGBA設(shè)置透明度的示例,即在傳統(tǒng)的RGB值上增添調(diào)節(jié)透明度的Alpha值,需要的朋友可以參考下2015-08-04
- RGBa是一種在CSS中聲明包含透明效果的顏色的方法,通過RGBa,我們可以將一個元素設(shè)置為透明,而不會影響其子元素,下面有個不錯的示例,大家可以參考下2014-04-01
- 我們今天需要討論的RGBA。如果需要更詳細(xì)的解說,大家就跟著我一起往下看吧2013-08-06