當(dāng)前位置:首頁 >  站長 >  編程技術(shù) >  正文

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

 2020-10-19 10:48  來源: 腳本之家   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競價(jià),好“米”不錯(cuò)過

這篇文章主要介紹了顏色之ARGB與RGB、RGBA的區(qū)別與介紹,需要的朋友可以參考下

ARGB 是一種色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常見于32位位圖的存儲結(jié)構(gòu)。

RGB 色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn),是通過對紅(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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

本文來自腳本之家,原文鏈接https://www.jb51.net/web/715375.html

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
argb
rgb
rgba

相關(guān)文章

熱門排行

信息推薦