什麼是 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)。
實例計算
以 #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)。
一定要加 # 嗎? 不用。轉換器會自動去除開頭的 #,所以 #1A2B3C 和 1A2B3C 都能正常使用。