什麼是 HEX 轉 RGB 轉換器?
HEX 色碼是以六位十六進位數字表示顏色的方式,廣泛應用於網頁設計、CSS 與各種繪圖軟體中。HEX 轉 RGB 轉換器能將這組色碼拆解成三個色彩通道——紅(Red)、綠(Green)、藍(Blue),每個通道都以 0 到 255 之間的十進位數值呈現。在許多程式語言、設計工具,以及不接受十六進位格式的情境下,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 為例,拆開後可得到 34、98、DB 三組。逐一換算:
最終結果是 rgb(52, 152, 219),一種清爽的天空藍。
常見問題
一定要加 # 符號嗎?不用。轉換器會自動忽略井字號與任何非十六進位字元,因此 #fff 和 fff 都能正常運作。
三位數的 HEX 色碼可以嗎?可以。像 #abc 這類簡寫色碼,會在轉換前自動展開成 #aabbcc。
RGB 的最大值是多少?每個通道的範圍從 0(十六進位 00)到 255(十六進位 FF),總共能組合出 16,777,216 種顏色。