什麼是 RGB 轉 Hex 轉換器?
這個工具能把 RGB 色彩——也就是三個介於 0 到 255 之間、分別代表紅、綠、藍三色光強度的數字——轉換成網頁設計、CSS、HTML 與美工繪圖軟體中常見的 #RRGGBB 十六進位色碼。其實這兩種表示法描述的是完全相同的顏色,十六進位只是把同樣的三組位元組數值寫得更精簡而已。
怎麼使用
分別在「紅」、「綠」、「藍」三個欄位輸入 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}$$
實際範例
以 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)。