HEX 轉 RGB 顏色轉換器
將任何十六進位顏色代碼轉換為其紅、綠、藍通道值,以及可直接貼上的 CSS rgb() 字串。
- 1
Red channel
3 × 16 + 11 = 59 - 2
Green channel
8 × 16 + 2 = 130 - 3
Blue channel
15 × 16 + 6 = 246Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
此計算機如何運作?
十六進位顏色轉換為 RGB 的方法:去掉 「#」,將 3 位縮寫展開為 6 位,然後將每對十六進位數字讀取為 0 到 255 之間的整數,分別代表紅、綠、藍。這三個值形成直接用於樣式表的 CSS 字串 rgb(R, G, B)。
公式
How this is calculated
以 6 位代碼(#RRGGBB)或 3 位縮寫(#RGB)輸入十六進位顏色。轉換器首先移除前置的 「#」。如果只提供三位數字,每個數字會被加倍,因此 #abc 展開為 #aabbcc——這使縮寫和完整形式在視覺上相同。
六個十六進位數字然後被分成三對。每對是一個十六進位(基數 16)數字,被解析為 0 到 255 之間的十進位整數:第一對為 R,第二對為 G,第三對為 B。由於兩個十六進位數字的範圍從 00 到 FF,每個通道都完美地映射到 CSS 和大多數顯示系統使用的 0–255 範圍。
三個通道值組裝成 rgb(R, G, B) 形式的 CSS 字串。輸入經過驗證,只包含字元 0–9 和 a–f(不區分大小寫),並且在去掉 「#」 後恰好為 3 或 6 位數字;其他任何內容都會被拒絕,確保您不會得到半解析的顏色。
常見問題
它們描述相同的顏色空間。3 位縮寫只是重複每個數字,因此 #f0c 與 #ff00cc 相同。只有當每個通道使用重複數字時才使用縮寫。
不區分。十六進位數字 A–F 和 a–f 代表相同的值,因此 #FF8800 和 #ff8800 都轉換為相同的 rgb(255, 136, 0)。
兩個十六進位數字的範圍從 00 到 FF,即十進位的 0 到 255。這個 8 位元範圍是螢幕上每個顏色通道的標準精度。
也稱為
TG we-Calculate Editorial Team. (2026). HEX 轉 RGB 顏色轉換器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh-tw/calculator/hex-to-rgb-color-converter
TG we-Calculate Editorial Team. "HEX 轉 RGB 顏色轉換器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/hex-to-rgb-color-converter.
TG we-Calculate Editorial Team, "HEX 轉 RGB 顏色轉換器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh-tw/calculator/hex-to-rgb-color-converter
@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX 轉 RGB 顏色轉換器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh-tw/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }
這個計算機對您有幫助嗎?
