0

編碼結果

RGB 顏色 (十六進位)
標記法
RGB 顏色
色彩空間
標記法

關於 RGB 顏色

RGB 顏色是透過組合紅、綠、藍三種光的成分來表示顏色的顏色模型。它廣泛用於顯示器、網頁、影像資料等螢幕上的顏色表示。

在 RGB 中，各成分的強度以數值指定。通常使用 0 到 255 的整數，或 0% 到 100% 的百分比表示。所有成分為 0 時為黑色，所有成分為最大值時為白色。

顏色RGB 表示十六進位表示
紅色rgb(255 0 0)#ff0000
綠色rgb(0 128 0)#008000
藍色rgb(0 0 255)#0000ff
白色rgb(255 255 255)#ffffff
黑色rgb(0 0 0)#000000

RGB 顏色有函數形式和十六進位形式。例如，紅色可以表示為 rgb(255 0 0)、rgb(100% 0% 0%)、#ff0000、#f00。

若要包含透明度，請加入 Alpha 值。例如，半透明紅色可以表示為 rgb(255 0 0 / 50%) 或 #ff000080。

DenCode 的 RGB 顏色轉換支援以下表示選項。

RGB 顏色（十六進位）
表示選項格式範例
#RRGGBB(AA)#RRGGBB
#RRGGBBAA		#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
RGB 顏色
表示選項格式範例
數值rgb(R G B)
rgb(R G B / A)		rgb(255 0 0)
rgb(255 0 0 / 0.5)
百分比rgb(R% G% B%)
rgb(R% G% B% / A)		rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB 不是 CSS 的標準十六進位顏色表示，但它是有時用於程式或應用程式設定的 ARGB 格式。開頭的 AA 表示 Alpha，後續的 RR、GG、BB 表示紅、綠、藍成分。

sRGB 和其他 RGB 色彩空間

RGB 是使用紅、綠、藍三個成分表示顏色的顏色模型。不過，即使 RGB 值相同，實際顏色也會因使用哪個色彩空間解釋而不同。Web 中常見的 rgb() 和 #RRGGBB 通常作為 sRGB 色彩空間的顏色處理。

CSS Color Module Level 4 還定義了 Display P3、ProPhoto RGB 等與 sRGB 可表示顏色範圍不同的 RGB 色彩空間。DenCode 也支援這些色彩空間的轉換。

色彩空間格式範例特點
sRGBrgb(...)
color(srgb ...)		rgb(255 0 0)
color(srgb 1 0 0)		Web 和 CSS 中常見的 RGB 色彩空間。十六進位顏色代碼和普通 rgb() 基本作為 sRGB 處理。color(srgb ...) 是 CSS Color Module Level 4 的格式。
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)使用與 sRGB 相同色域，但以線性化成分值表示的色彩空間。用於顏色計算和合成。
Display P3color(display-p3 ...)color(display-p3 1 0 0)比 sRGB 色域更廣的色彩空間，可能用於廣色域顯示器和行動裝置。
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)比 sRGB 色域更廣，可能用於相片編輯和面向印刷的工作流程。
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)可處理比 Adobe RGB 更廣色域的 RGB 色彩空間，作為相片編輯的工作色彩空間使用。
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)具有非常廣色域的 RGB 色彩空間，用於 UHDTV 和 HDR 影片標準。

使用廣色域 RGB 色彩空間指定的顏色，可能無法在 sRGB 螢幕或普通十六進位顏色代碼中準確表示。DenCode 轉換為 #RRGGBB 或數值 rgb(R G B) 時，超出 sRGB 可表示範圍的成分會按適合 0 到 255 範圍的方式處理。另一方面，選擇 color(display-p3 ...) 或 color(a98-rgb ...) 等色彩空間時，可以顯示為所選色彩空間的成分值。