什麼是 RGB 轉 Hex 轉換器?
這個工具能將 RGB 模型表示的顏色,轉換成 #RRGGBB 格式的十六進位色碼。RGB 由紅(Red)、綠(Green)、藍(Blue)三個色版組成,每個色版的數值都介於 0 到 255 之間。Hex 色碼是 HTML、CSS、各類設計軟體與多數數位工具中指定顏色的標準寫法,因此把 RGB 換算成 Hex,對網頁工程師與設計師來說,是再日常不過的工作。
如何使用
分別輸入紅、綠、藍三個色版的數值,每個都介於 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\))。
實際範例
以「番茄紅」(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 的整數。若輸入小數,系統會無條件捨去取整。