資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學RGB與RGBA顏色格式的區別
在HTML中，RGB（即紅、綠、藍）指定顏色的色度或強度，其值介於0到255之間。RGB顏色模型共有256 x 256 x 256 = 16777216種可能的顏色。
透過調整RGB值，我們可以得到不同的顏色色調，以下是一些示例：
假設我們想要“黑色”，則將所有引數設定為rgb(0, 0, 0)。
如果我們想要顯示“白色”，則將所有引數設定為rgb(255, 255, 255)。
如果我們將引數設定為rgb(255, 0, 0)，則會得到“紅色”，因為第一個引數（紅色）設定為其最大值。
如果我們將引數設定為rgb(0, 255, 0)，則會得到“綠色”，因為第二個引數（綠色）設定為其最大值。
如果我們將引數設定為rgb(0, 0, 255)，則會得到“藍色”，因為第三個引數（藍色）設定為其最大值。
示例
在下面的示例中，我們嘗試使用HTML RGB顏色格式顯示顏色：
<!DOCTYPE html> <html> <head> <title>HTML RGB color format</title> </head> <body> <h1 style="background-color:rgb(255, 0, 0);">Red</h1> <h1 style="background-color:rgb(60, 179, 113);">Green</h1> <h1 style="background-color:rgb(0, 0, 255);">Blue</h1> <h1 style="background-color:rgb(255, 255, 0);">Yellow</h1> <h1 style="background-color:rgb(255, 191, 0);">Orange</h1> <h1 style="background-color:rgb(255, 0, 255);">Pink</h1> </body> </html>
正如我們在輸出中看到的，我們使用rgb顏色格式顯示了六種顏色（紅、綠、藍、黃、橙、粉紅）。
RGBA顏色格式
在HTML中，RGBA（即紅、綠、藍、alpha）是RGB顏色的擴充套件，帶有一個Alpha通道。使用它我們可以指定顏色的不透明度。
alpha引數是一個介於0.0（完全透明）到1.0（不透明）之間的數字。
示例
在下面的示例中，我們使用RGBA顏色格式透過調整其不透明度來獲得所有色調的“綠色”：
<!DOCTYPE html>
<html>
<head>
<title>HTML RGBA color format </title>
<style>
span {
text-align: center;
}
</style>
</head>
<body>
<span>
<h1>OPACITY OF GREEN</h1>
</span>
<h1 style="background-color: rgba(0, 255, 0, 1);">rgba(0, 255, 0, 1)</h1>
<h1 style="background-color: rgba(0, 255, 0, 0.8);">rgba(0, 255, 0, 0.8)</h1>
<h1 style="background-color: rgba(0, 255, 0, 0.6);">rgba(0, 255, 0, 0.6)</h1>
<h1 style="background-color: rgba(0, 255, 0, 0.4);">rgba(0, 255, 0, 0.4)</h1>
<h1 style="background-color: rgba(0, 255, 0, 0.2);">rgba(0, 255, 0, 0.2)</h1>
<h1 style="background-color: rgba(0, 255, 0, 0);">rgba(0, 255, 0, 0)</h1>
</body>
</html>
正如我們在輸出中看到的，我們顯示了綠色的色調。
RGB顏色格式與RGBA顏色格式的比較
以下是RGB顏色格式和RGBA顏色格式的區別：
RGB顏色格式 |
RGBA顏色格式 |
|---|---|
RGB的組成部分是紅、綠、藍。 |
RGBA的組成部分是紅、綠、藍和Alpha（不透明度）。 |
此格式不支援不透明度。 |
此格式藉助alpha通道支援不透明度。 |
顏色強度，值為0到255。 |
對於RBG，值介於0-255之間；對於Alpha，值介於0.0-1.0之間。 |
此格式的CSS函式是“rgb()”。 |
此格式的CSS函式是“rgba()”。 |
瀏覽量：338
