RGB 轉 Hex 顏色轉換器

輸入計算

紅 (0-255)

綠 (0-255)

藍 (0-255)

結果

Hex 十六進位色碼

#FF6347

RGB(255, 99, 71)

Hex 色碼	#FF6347
十進位數值	16,737,095
紅 (R)	255 → FF
綠 (G)	99 → 63
藍 (B)	71 → 47

什麼是 RGB 轉 Hex 顏色轉換器？

這個工具能把由紅（Red）、綠（Green）、藍（Blue）三個色彩通道所定義的顏色，轉換成網頁、CSS、設計軟體與 HTML 通用的十六進位色碼。每個通道的數值範圍為 0 到 255，轉換器會把這三個數字換算成大家熟悉的色碼，例如 #FF6347，並同時顯示對應的十進位數值。畫面上的即時色塊則讓你一眼看清這個顏色實際長什麼樣。

RGB加色混合：紅、綠、藍組合形成全彩光譜。

使用方法

在紅、綠、藍三個欄位分別輸入 0 到 255 之間的數值，按下計算後，就會看到 Hex 色碼、十進位色值，以及每個通道各自對應的兩位數十六進位組合。你可以直接把 Hex 色碼複製到 CSS 或設計軟體中使用。

換算公式說明

每個通道都是一個 8 位元數字（0-255），剛好對應兩位十六進位數（00-FF）。要算出合併後的十進位數值，將紅色乘以 65536（\(16^4\)）、綠色乘以 256（\(16^2\)），再加上藍色即可：

$$\text{Decimal} = 65536\cdot\text{Red} + 256\cdot\text{Green} + \text{Blue}$$

而 Hex 色碼就是把每個通道改寫成十六進位，再以開頭的 # 串接起來：

$$\text{Hex} = \#\,\text{hex}_2\!\left(\text{Red}\right)\,\text{hex}_2\!\left(\text{Green}\right)\,\text{hex}_2\!\left(\text{Blue}\right)$$

每個RGB通道（0-255）轉換為兩位十六進位數，組合成六位十六進位顏色代碼。

實際範例

以 RGB(255, 99, 71)（番茄紅 "tomato"）為例：紅色 255 = FF、綠色 99 = 63、藍色 71 = 47，組合起來的 Hex 色碼就是 #FF6347。十進位數值則為

$$255\times65536 + 99\times256 + 71 = 16{,}711{,}680 + 25{,}344 + 71 = 16{,}737{,}095$$

常見問題

為什麼每個通道剛好是兩位十六進位數？因為 255 換算成十六進位就是 FF，兩位數正好涵蓋 0 到 255 的所有數值。

十進位數值可以直接用在程式碼裡嗎？可以。許多圖形 API 都接受這個整數（例如 16737095）作為打包後的色值使用。

Hex 和 RGB 有什麼差別？兩者只是用不同寫法描述同一個顏色——Hex 比較精簡，RGB 比較好讀。這個工具會同時呈現兩種格式。