選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

顏色 RGB 和 RGBA


RGB 計算器


 
#ff0000
hsl(0, 100%, 50%)


R
G
B

RGB 顏色

所有瀏覽器都支援 RGB 顏色值。

RGB 顏色值按以下方式指定:

rgb(紅, , )

每個引數(紅、綠和藍)定義顏色的強度,值為 0 到 255 之間。

例如,rgb(255, 0, 0) 顯示為紅色,因為紅色設定為最高值(255),而另外兩個(綠色和藍色)設定為 0。

另一個例子,rgb(0, 255, 0) 顯示為綠色,因為綠色設定為最高值(255),而另外兩個(紅色和藍色)設定為 0。

要顯示黑色,請將所有顏色引數設定為 0,例如:rgb(0, 0, 0)。

要顯示白色,將所有顏色引數設定為 255,如下所示:rgb(255, 255, 255)。  


親自嘗試

所有瀏覽器都支援 RGB 顏色值。

示例

<style>
div {
    background-color: rgb(0, 191, 255);
    color: rgb(255, 255, 255);
}
</style>
自己試試 »

RGBA 顏色值

RGBA 顏色值是 RGB 顏色值的擴充套件,增加了一個 Alpha 通道——它指定了顏色的不透明度。

RGBA 顏色值指定為

rgba(紅, , 藍, alpha)

alpha 引數是一個介於 0.0(完全透明)和 1.0(完全不透明)之間的數字。

示例

<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
自己試試 »

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援