透過 MCP 連接 →

輸入計算

數學公式

廣告

結果

十六進位色碼
#FFA500
rgb(255, 165, 0)
色版 十進位 十六進位
255 FF
165 A5
0 00

什麼是 RGB 轉 Hex 轉換器?

這個工具能把 RGB 色彩——也就是三個介於 0 到 255 之間、分別代表紅、綠、藍三色光強度的數字——轉換成網頁設計、CSS、HTML 與美工繪圖軟體中常見的 #RRGGBB 十六進位色碼。其實這兩種表示法描述的是完全相同的顏色,十六進位只是把同樣的三組位元組數值寫得更精簡而已。

紅、綠、藍三個 RGB 滑桿匯入一個顏色樣本
RGB 將紅、綠、藍三個通道(各 0-255)合成為一種顏色。

怎麼使用

分別在「紅」、「綠」、「藍」三個欄位輸入 0 到 255 的數值,然後送出即可。轉換器會回傳對應的十六進位色碼、一塊即時顯示的色彩方塊讓你直接看到結果,以及一份明細表,列出每個色版的十進位與十六進位數值。超出 0-255 範圍的數值會自動限制在區間內,小數則會四捨五入成整數。

公式說明

每個色版都會被換算成十六進位(基底 16)。0 到 255 的位元組數值剛好能用兩位十六進位數字表示(00 到 FF)。要轉換數值 \(v\),高位數字取 floor(v / 16),低位數字取 v mod 16,並把 10 到 15 對應成 A 到 F。若結果只有一位數,會在前面補零,確保每個色版都是兩個字元。最後把三組兩位數字接在 # 後面,就完成了。

$$\text{Hex} = \text{\#} \; \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

一個十進位通道值轉換為兩位十六進位數對
每個 0-255 通道轉換為兩位十六進位數,連接在 # 符號之後。

實際範例

以 RGB(255, 165, 0) 為例:紅 255 = FF;綠 165 =(\(165 \div 16 = 10\) 餘 \(5\))→ A5;藍 0 = 00。組合起來就是 #FFA500,也就是經典的網頁色彩「橙色(orange)」。

常見問題

為什麼有些色碼只有 3 位數?像 #FFF 這種簡寫,是把 #RRGGBB 中每一對重複的字元縮寫而成(所以 #FFF 等於 #FFFFFF)。本工具一律輸出完整的 6 位數格式。

FF 是什麼意思?FF 是十六進位的 255,代表某個色版的最大強度。

可以輸入大於 255 的數值嗎?每個色版的範圍只有 0-255,所以較大的輸入會被限制成 255(負數則會被限制成 0)。

最後更新: