Beginner

HEX 轉 RGB 顏色轉換器

將任何十六進位顏色代碼轉換為其紅、綠、藍通道值,以及可直接貼上的 CSS rgb() 字串。
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
計算結果僅為一般資訊用途的估算值,並非專業建議——在仰賴重要結果之前,請務必自行獨立查證。 閱讀完整免責聲明.
快速解答

此計算機如何運作?

十六進位顏色轉換為 RGB 的方法:去掉 「#」,將 3 位縮寫展開為 6 位,然後將每對十六進位數字讀取為 0 到 255 之間的整數,分別代表紅、綠、藍。這三個值形成直接用於樣式表的 CSS 字串 rgb(R, G, B)。

公式
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → 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 位元範圍是螢幕上每個顏色通道的標準精度。

也稱為

hex 轉 rgb
十六進位轉 rgb
色碼轉 rgb
顏色代碼轉換
hex 色碼轉換
css 顏色轉換
色彩代碼轉 rgb
hex to rgb

APA

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

Chicago

TG we-Calculate Editorial Team. "HEX 轉 RGB 顏色轉換器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/hex-to-rgb-color-converter.

IEEE

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

BibTeX

@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} }

這個計算機對您有幫助嗎?