透過 MCP 連接 →

輸入計算

請輸入 3 位或 6 位 HEX 色碼,加不加 # 皆可

數學公式

廣告

結果

RGB 顏色
rgb(52, 152, 219)
紅 (R) 52
綠 (G) 152
藍 (B) 219

什麼是 HEX 轉 RGB 轉換器?

HEX 色碼是以六位十六進位數字表示顏色的方式,廣泛應用於網頁設計、CSS 與各種繪圖軟體中。HEX 轉 RGB 轉換器能將這組色碼拆解成三個色彩通道——紅(Red)、綠(Green)、藍(Blue),每個通道都以 0 到 255 之間的十進位數值呈現。在許多程式語言、設計工具,以及不接受十六進位格式的情境下,RGB 數值都相當實用。

紅、綠、藍三個相互重疊的圓,展示加色混合原理
RGB 用紅、綠、藍三種光的混合來描述顏色。

使用方式

在欄位中輸入 HEX 色碼即可。前面的 # 符號可加可不加;你可以使用完整的六位數寫法(例如 #3498db),也可以使用三位數的簡寫格式(例如 #f00),系統會自動展開。按下計算後,就能看到對應的 RGB 數值與即時顏色色塊。

公式說明

HEX 色碼會被切成三組、每組兩個字元的數值。每一組都是十六進位(base-16)數字,會被換算成十進位(base-10)。

$$\begin{gathered} (R,\,G,\,B) = \bigl(\text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6}\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= {\text{Hex}_{[1,2]}}_{16} \\ G &= {\text{Hex}_{[3,4]}}_{16} \\ B &= {\text{Hex}_{[5,6]}}_{16} \end{aligned} \right. \end{gathered}$$

舉例來說,FF 這組等於 \(15 \times 16 + 15 = 255\),是單一通道的最大值;而 00 則等於 0,是最小值。通用規則為:R = int(hex[0:2], 16)、G = int(hex[2:4], 16)、B = int(hex[4:6], 16)。

示意圖展示一個六位十六進位代碼分成三組以顏色區分的數對,分別對應到紅、綠、藍的值
十六進位代碼分成三對,分別對應紅、綠、藍的值。

實際範例

以 HEX 色碼 #3498DB 為例,拆開後可得到 3498DB 三組。逐一換算:

$$34 = 3\times16 + 4 = 52$$$$98 = 9\times16 + 8 = 152$$$$DB = 13\times16 + 11 = 219$$

最終結果是 rgb(52, 152, 219),一種清爽的天空藍。

常見問題

一定要加 # 符號嗎?不用。轉換器會自動忽略井字號與任何非十六進位字元,因此 #ffffff 都能正常運作。

三位數的 HEX 色碼可以嗎?可以。像 #abc 這類簡寫色碼,會在轉換前自動展開成 #aabbcc

RGB 的最大值是多少?每個通道的範圍從 0(十六進位 00)到 255(十六進位 FF),總共能組合出 16,777,216 種顏色。

最後更新: