透過 MCP 連接 →

輸入計算

請輸入六位數(或三位數)Hex 色碼,加不加 # 都可以。

數學公式

廣告

結果

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

什麼是 Hex 轉 RGB 轉換器?

Hex 色碼是一種以六位十六進位數字來表示顏色的方式,廣泛應用於網頁設計、CSS 與各種數位圖像中。它使用十六進位(0–9 與 A–F)來分別記錄紅、綠、藍三個色彩通道的強度。這個轉換器能將像是 #3498DB 這樣的 Hex 色碼,轉換成許多設計軟體、程式語言與影像編輯工具所需要的 RGB 數值組合。

拆分為紅、綠、藍數值對的十六進位顏色代碼,附帶色塊
十六進位代碼分成三組,分別對應紅、綠、藍的值。

使用方法

在上方欄位輸入你的 Hex 色碼。前面要不要加 # 都可以——兩種寫法都能正常運作。系統同時支援標準的六位數色碼(#RRGGBB)與三位數簡寫(#RGB),簡寫會自動展開(例如 #0AF 會變成 #00AAFF)。結果會顯示完整的 rgb(r, g, b) 字串、各通道的個別數值,並提供即時色塊預覽。

公式解析

每個色彩通道各佔兩位十六進位數字。前兩碼代表紅色,中間兩碼代表綠色,最後兩碼代表藍色。每一組都會從十六進位(base 16)換算成十進位(base 10):

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

\(R = \text{int}(\text{hex}[0{:}2],\,16)\)\(G = \text{int}(\text{hex}[2{:}4],\,16)\)\(B = \text{int}(\text{hex}[4{:}6],\,16)\)。每個通道的數值範圍從 0(00)到 255(FF)。

兩位十六進位數字轉換為 0 到 255 的十進位數值
每組十六進位數字從十六進位轉換為十進位通道值(0-255)。

實例計算

#3498DB 為例。紅色那一組是 34,等於 \(3\times16 + 4 = \mathbf{52}\)。綠色那一組是 98,等於 \(9\times16 + 8 = \mathbf{152}\)。藍色那一組是 DB,其中 \(D = 13\)、\(B = 11\),所以是 \(13\times16 + 11 = \mathbf{219}\)。因此 #3498DB = rgb(52, 152, 219)

常見問題

FFFFFF 會轉換成什麼? 純白色:rgb(255, 255, 255)。而 000000 則是純黑色:rgb(0, 0, 0)。

可以輸入三位數的色碼嗎? 可以。三位數簡寫會把每一碼各重複一次——#F00 會展開成 #FF0000 = rgb(255, 0, 0)。

一定要加 # 嗎? 不用。轉換器會自動去除開頭的 #,所以 #1A2B3C1A2B3C 都能正常使用。

最後更新: