透過 MCP 連接 →

輸入計算

數學公式

廣告

結果

Hex 色碼
#FF6347
rgb(255, 99, 71)
255
99
71

什麼是 RGB 轉 Hex 轉換器?

這個工具能將 RGB 模型表示的顏色,轉換成 #RRGGBB 格式的十六進位色碼。RGB 由紅(Red)、綠(Green)、藍(Blue)三個色版組成,每個色版的數值都介於 0 到 255 之間。Hex 色碼是 HTML、CSS、各類設計軟體與多數數位工具中指定顏色的標準寫法,因此把 RGB 換算成 Hex,對網頁工程師與設計師來說,是再日常不過的工作。

RGB 通道組合成單一顏色及其十六進位代碼
紅、綠、藍通道的值組合成一種顏色,以十六進位代碼表示。

如何使用

分別輸入紅、綠、藍三個色版的數值,每個都介於 0 到 255 之間。按下計算後,工具會回傳對應的 Hex 色碼,並顯示即時的顏色色塊,讓你一眼就能確認結果是否正確。若輸入超出 0-255 的數值,系統會自動修正回有效範圍內。

計算原理解析

每個色版都是 0 到 255 之間的整數,這正好是單一位元組(byte)所能容納的範圍(十六進位的 00 到 FF)。轉換器會把每個色版格式化成兩位、不足補零、且使用大寫的十六進位數字,再串接起來:

$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$

舉例來說,數值 255 會變成 FF,而 0 則是 00。從數學角度來看,色版數值 v 可拆成高位數字 \(\lfloor v/16 \rfloor\) 與低位數字(\(v \bmod 16\))。

0 到 255 的顏色通道值對應為 00 到 FF 的兩位十六進位數
每個 0-255 的通道值對應一個從 00 到 FF 的兩位十六進位數。

實際範例

以「番茄紅」(tomato)為例:R = 255、G = 99、B = 71。255 換成十六進位是 FF。99 是 \(6 \times 16 + 3 = 63\)。71 是 \(4 \times 16 + 7 = 47\)。串接後得到 #FF6347,正是 CSS 標準中的「tomato」顏色。

常見問題

每一組 Hex 數字代表什麼?第一組是紅色,第二組是綠色,第三組是藍色,每組都從 00(完全無)到 FF(全滿)。

為什麼要用大寫?Hex 色碼不分大小寫,使用大寫只是常見慣例,寫成 #ff6347 同樣完全有效。

可以輸入小數嗎?不行,RGB 色版只接受 0 到 255 的整數。若輸入小數,系統會無條件捨去取整。

最後更新: