結果

RGB 顏色

rgb(52, 152, 219)

from #3498DB

紅	52
綠	152
藍	219

什麼是 Hex 轉 RGB？

十六進位（Hex）色碼是以 16 進位（base-16）表示顏色的 6 位數字串，廣泛用於網頁設計與 CSS，例如 #3498DB。每兩位數代表紅、綠、藍三個主要色彩通道之一。RGB 色彩模型則是用三個介於 0 到 255 之間的十進位數字來表達同一個顏色。這個轉換器會把 Hex 色碼換算成對應的 RGB 三色數值，並即時顯示色塊預覽。

使用方式

把十六進位色碼輸入或貼到欄位中即可。開頭的 # 可加可不加，兩種寫法都能正常運作。本工具同時支援標準的 6 碼色碼，以及 3 碼簡寫（例如 #0AF，會自動展開為 #00AAFF）。按下計算，就能看到紅、綠、藍三色數值與顏色預覽。

公式說明

轉換本質上就是 16 進位的數值解析。先把 6 個字元拆成三組、每組 2 個字元，再把每一組當作十六進位數字來讀：第一個 Hex 位數乘以 16，再加上第二個位數。因此「FF」＝15×16 + 15 = 255，「00」＝0。通用公式為 數值＝（第一位數 × 16）＋第二位數，其中每個位數的範圍是 0–15（A–F 分別代表 10–15）。

$$(R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16}$$

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

十六進位代碼被拆分為紅、綠、藍位元組對 — 每對十六進位數分別對應紅、綠、藍三個通道之一（16 進位）。

實際範例

以 #3498DB 為例，拆成 34、98、DB。紅 $= 3\times16 + 4 = 52$；綠 $= 9\times16 + 8 = 152$；藍 $= \text{D}(13)\times16 + \text{B}(11) = 208 + 11 = 219$。結果就是 rgb(52, 152, 219)——一個常見的天空藍。